/* Tampilan kartu paket dan tarif V2.1 */
#rows{gap:13px;margin-bottom:28px}.pkg{display:block;position:relative;border:1px solid #dbe6f2;border-radius:18px;padding:17px;background:linear-gradient(145deg,#fff 68%,#f7fbff);box-shadow:0 5px 18px rgba(26,70,116,.055);transition:.2s}.pkg:before{content:"";position:absolute;left:-1px;top:20px;bottom:20px;width:4px;border-radius:0 5px 5px 0;background:linear-gradient(var(--b),#39a0ff)}.pkg:focus-within{border-color:#a8cef8;box-shadow:0 8px 24px rgba(7,91,201,.1)}.pkg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 13px;border-bottom:1px dashed #dce7f3}.pkg-head .name{width:100%;border:0;background:transparent;font-weight:800;font-size:15px;color:var(--i);outline:0}.pkg-head span{white-space:nowrap;font-size:9px;color:var(--b);font-weight:700;background:#eaf4ff;padding:6px 8px;border-radius:99px}.pkg-fields{display:grid;grid-template-columns:1.2fr .8fr;gap:11px;padding-top:14px}.pkg label,.rates label{font-size:10px;font-weight:700;color:var(--m)}.pkg label>input,.money,.rates label>div{width:100%;margin-top:7px;padding:10px 11px;border:1px solid var(--l);border-radius:11px;background:#f8fafd}.pkg label>input:focus,.money:focus-within,.rates label>div:focus-within{border-color:#83b9f3;box-shadow:0 0 0 3px rgba(7,91,201,.08);outline:0}.money{display:flex;padding:0;align-items:center}.money span{padding-left:11px;color:#738198;font-weight:700}.money input{border:0;margin:0;background:transparent;outline:0;width:100%;padding:10px 8px;font-weight:700}.pkg-total{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:11px 13px;border-radius:11px;background:#edf6ff}.pkg-total small{color:#62758d;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pkg-total strong{color:var(--b);font-size:14px}.x{right:-7px;top:-7px;width:27px;height:27px;box-shadow:0 3px 10px rgba(160,30,30,.09)}.rate-summary{display:grid;grid-template-columns:1fr auto;align-items:center;margin:0 0 13px;padding:13px 15px;background:linear-gradient(120deg,#edf6ff,#f8fbff);border:1px solid #d6e9ff;border-radius:13px}.rate-summary span{font-size:10px;color:#60748e;font-weight:700}.rate-summary strong{grid-row:1/3;grid-column:2;color:var(--b);font-size:20px}.rate-summary small{font-size:9px;color:#8a98aa;margin-top:3px}.rates label>span{display:block;margin-bottom:7px}.rates label>div{margin:0;display:flex;align-items:center;padding:0}.rates input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:11px;font-weight:800;color:var(--i)}.rates label b{padding-right:11px;color:#8492a6}.switch{border-radius:12px;padding:5px}.switch button{padding:11px 6px;border-radius:9px}.rate-note{margin:12px 2px 0;padding:11px 13px;border-left:3px solid var(--o);background:#fff9ef;border-radius:0 9px 9px 0;color:#6f6657}
@media(max-width:540px){.pkg{padding:16px 14px 14px;border-radius:20px}.pkg:before{top:24px;bottom:24px}.pkg-head{padding-left:7px}.pkg-head .name{font-size:17px}.pkg-head span{display:none}.pkg-fields{grid-template-columns:1fr;gap:13px}.pkg label,.rates label{font-size:11px}.pkg label>input,.money{min-height:44px}.pkg-total{margin-top:14px;padding:12px 13px}.pkg-total strong{font-size:16px}.x{right:-5px;top:-8px;width:29px;height:29px}.rates{grid-template-columns:1fr 1fr;gap:12px 10px}.rates label>div{min-height:48px}.rate-summary{margin-top:2px}.switch button{padding:12px}}
.summary-breakdown{display:grid;gap:8px;margin:8px 0 12px}.summary-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:11px}.summary-breakdown span{display:block}.summary-breakdown small{display:block;font-weight:800}.summary-breakdown em{display:block;margin-top:3px;font-size:9px;font-style:normal;opacity:.78}.kso-summary{background:#eef5ff;color:#24547f}.kso-summary strong{color:#075bc9}.total-deductions{background:#fff0e6;color:#8f4816;border:1px solid #ffd5b5}.total-deductions strong{font-size:17px;color:#b84f08}.take #companyFormula{margin-bottom:4px;color:#fff;font-size:10px;font-weight:700}.take #companyFormula+span{opacity:.82}@media(max-width:540px){.summary-breakdown>div{align-items:flex-start;flex-direction:column;gap:7px}.summary-breakdown strong{font-size:18px}.take strong{font-size:27px}}