.doc-mobile{background:var(--qds-color-surface-muted,#eef1f6);flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.doc-mobile__head{background:0 0;flex-direction:column;flex:none;gap:10px;min-width:0;padding:12px 12px 8px;display:flex}.doc-mobile__title-row{grid-template-columns:4.5rem 1fr 4.5rem;align-items:center;gap:8px;min-height:40px;padding:0;display:grid}.doc-mobile__title{text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:-.03em;min-width:0;color:var(--qds-color-text,#1c2430);margin:0;font-size:20px;font-weight:800;overflow:hidden}.doc-mobile__title-end{justify-self:end;width:40px;height:40px}.doc-mobile__title-row>.mobile-back{justify-self:end}.doc-mobile__back{min-width:40px;height:40px;color:var(--qds-color-text,#1c2430);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:0;border-radius:12px;justify-self:start;padding:0 10px;font-size:14px;font-weight:700;line-height:1;box-shadow:0 1px 2px #1c24300a}.doc-mobile .mobile-list-refresh-button.qds-btn{background:#fff;border-radius:12px;width:40px;min-width:40px;min-height:40px;margin-left:0;padding:0;position:static;transform:none;box-shadow:0 1px 2px #1c24300a}.doc-mobile__compose{background:var(--qds-color-primary,#5156be);color:#fff;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;flex:none;justify-self:end;place-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:grid;box-shadow:0 1px 2px #5156be47}.doc-mobile__compose:active{filter:brightness(.94)}.doc-mobile__panel{background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 1px 2px #1c24300a}.doc-mobile__search{display:block;position:relative}.doc-mobile__search i{color:#8a94a6;pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.doc-mobile__search input{width:100%;height:42px;color:inherit;font:inherit;background:#f4f6fa;border:0;border-radius:12px;outline:none;padding:0 12px 0 40px;font-size:15px}.doc-mobile__search input::placeholder{color:#8a94a6}.doc-mobile__chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.doc-mobile__chips::-webkit-scrollbar{display:none}.doc-mobile__chip{color:#5b6573;touch-action:manipulation;background:#f4f6fa;border:0;border-radius:999px;flex:none;align-items:center;gap:4px;min-height:32px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.doc-mobile__chip.is-active{background:var(--qds-color-primary,#5156be);color:#fff}.doc-mobile__tools{gap:8px;display:flex}.doc-mobile__tool{color:#3d4654;background:#f4f6fa;border:0;border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:36px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.doc-mobile__tool span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-mobile__tool i{color:#6b7789;flex-shrink:0;font-size:16px}.doc-mobile__sheet-options{flex-direction:column;gap:6px;display:flex}.doc-mobile__sheet-option{width:100%;min-height:44px;color:inherit;text-align:left;background:#f4f6fa;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:700;display:flex}.doc-mobile__sheet-option.is-active{background:var(--qds-color-primary,#5156be);color:#fff}.doc-mobile__list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:0 0;flex:auto;min-height:0;padding:4px 12px 12px;overflow:hidden auto}.doc-mobile__card{text-align:left;width:100%;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;appearance:none;font:inherit;touch-action:pan-y;background:#fff;border:0;border-radius:16px;flex-direction:column;gap:0;margin-bottom:8px;padding:14px 14px 13px;text-decoration:none;display:flex;box-shadow:0 1px 2px #1c24300a}.doc-mobile__card:active{background:var(--qds-color-surface-muted,#f8fafc)}.doc-mobile__card-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:10px;min-width:0;display:grid}.doc-mobile__card-identity{min-width:0;overflow:hidden}.doc-mobile__card-name{-webkit-line-clamp:2;overflow-wrap:break-word;word-break:break-word;letter-spacing:-.02em;color:var(--qds-color-text,#1c2430);-webkit-box-orient:vertical;font-size:15px;font-weight:700;display:-webkit-box;overflow:hidden}.doc-mobile__card-sub{color:var(--qds-color-text-muted,#6b7789);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:500;display:block;overflow:hidden}.doc-mobile__card-amount{text-align:right;justify-self:end;min-width:7.5rem;max-width:46%;overflow:hidden}.doc-mobile__card-amount strong{white-space:nowrap;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--qds-color-text,#1c2430);font-size:17px;font-weight:800;line-height:1.15;display:block;overflow:hidden}.doc-mobile__card-amount strong.is-compact{letter-spacing:-.04em;font-size:14px}.doc-mobile__card-amount strong.is-compact-lg{letter-spacing:-.045em;font-size:12.5px}.doc-mobile__card-amount strong.is-compact-xl{letter-spacing:-.05em;font-size:11.5px}.doc-mobile__card-amount span{color:var(--qds-color-text-muted,#6b7789);margin-top:3px;font-size:11px;font-weight:600;display:block}.doc-mobile__card-main{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block}.doc-mobile__card-toggle{color:#8a94a6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;width:100%;margin-top:2px;padding:2px 0 0;display:flex}.doc-mobile__card-toggle i{font-size:22px;line-height:1;transition:transform .16s}.doc-mobile__card-toggle.is-open i{transform:rotate(180deg)}.doc-mobile__card-lines{border-top:1px solid var(--qds-color-border,#e8edf3);margin-top:4px;padding-top:4px}.doc-mobile__card-lines-state{color:var(--qds-color-text-muted,#6b7789);margin:0;padding:4px 0 0;font-size:12px;font-weight:500}.doc-mobile__line{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.doc-mobile__line+.doc-mobile__line{border-top:1px solid #f0f3f7}.doc-mobile__line-identity{flex:auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.doc-mobile__line-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--qds-color-text,#1c2430);flex:auto;font-size:12px;font-weight:650;line-height:1.25;overflow:hidden}.doc-mobile__line-qty{white-space:nowrap;color:var(--qds-color-text-muted,#6b7789);flex:none;font-size:11px;font-weight:500}.doc-mobile__line-qty:before{content:"· "}.doc-mobile__line-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--qds-color-text,#1c2430);white-space:nowrap;flex:none;font-size:12px;font-weight:800}.doc-mobile__line--empty .doc-mobile__line-name{color:var(--qds-color-text-muted,#6b7789);font-weight:500}.doc-mobile__card-meta{flex-wrap:wrap;gap:6px;display:flex}.doc-mobile__badge{border:1px solid var(--qds-color-border,#dbe1ea);background:var(--qds-color-surface-muted,#f8fafc);color:var(--qds-color-text-muted,#64748b);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.doc-mobile__badge.is-success{color:#166534;background:#dcfce7;border-color:#16653433}.doc-mobile__badge.is-warning{color:#92400e;background:#fef3c7;border-color:#92400e33}.doc-mobile__badge.is-danger{color:#991b1b;background:#fee2e2;border-color:#991b1b33}.doc-mobile__card-actions{justify-content:flex-end;display:flex}.doc-mobile__open{color:var(--qds-color-primary,#2563eb);align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.doc-mobile__state{text-align:center;color:var(--qds-color-text-muted,#64748b);flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex}.doc-mobile__state i{font-size:28px}.doc-mobile__state p{margin:0;font-size:13px;font-weight:600}.doc-mobile__count{color:#6b7789;margin:0;font-size:12px;font-weight:600}.doc-mobile__sheet-label{color:#6b7789;margin:14px 0 8px;font-size:12px;font-weight:700}.doc-mobile__sheet-label:first-child{margin-top:0}.cari-mobile__phone{color:#5156be;margin-top:4px;font-size:12px;font-weight:600;text-decoration:none;display:block}.doc-mobile__list-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--qds-color-border,#e4e9f0);color:var(--qds-color-text-muted,#6b7789);background:#fff;gap:2px;font-size:13px;display:grid;position:sticky;bottom:0}.doc-mobile__list-footer strong{color:var(--qds-color-text,#1c2430);font-size:15px}