/* OTOIS Cari Studio V3 - Small Business + AI */
.barcode-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0}.invoice-total{display:flex;justify-content:flex-end;gap:10px;align-items:baseline;padding:12px 4px;font-size:13px}.invoice-total strong{font-size:22px;color:#173d47}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.note-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;box-shadow:0 7px 20px rgba(35,63,68,.04)}.note-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(35,63,68,.08)}.note-card>div{display:flex;justify-content:space-between;gap:8px}.note-card small{color:#85959a}.note-card p{margin:10px 0 0;color:#455f66;line-height:1.5}.note-card.pinned{border-color:#e8b56b;background:#fffbf5}.note-card.done{opacity:.62}.finance-metrics{grid-template-columns:repeat(3,minmax(180px,1fr))}
.cari-ai-panel{position:fixed;z-index:900;right:0;top:0;width:min(430px,96vw);height:100dvh;background:linear-gradient(180deg,#0d2730,#0b1f26);border-left:1px solid #31515a;box-shadow:-18px 0 48px #0007;transform:translateX(102%);transition:transform .18s ease;display:flex;flex-direction:column;color:#ecf5f4}.cari-ai-panel.open{transform:translateX(0)}.cari-ai-panel>header{min-height:64px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#123d4a,#1c5e62);border-bottom:1px solid #3b6970}.cari-ai-panel>header>div{display:flex;flex-direction:column;gap:2px}.cari-ai-panel>header small{font-size:11px;color:#bfe3df}.cari-ai-panel>header button{width:34px;height:34px;border-radius:8px;background:#0c2b33;color:#fff;border:1px solid #4d7379;cursor:pointer}.cari-ai-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:7px 9px;border-bottom:1px solid #294851;background:#102a32}.cari-ai-bar span{font-size:11px;color:#9ed1cc;margin-right:auto}.cari-ai-bar button,.cari-ai-bar label{font-size:10px;border:1px solid #426168;border-radius:8px;background:#173840;color:#dcebea;padding:6px 8px}.cari-ai-bar label{display:flex;gap:5px;align-items:center}.cari-ai-messages{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:9px}.cari-ai-msg{max-width:90%;padding:9px 11px;border-radius:12px;font-size:12px;line-height:1.45}.cari-ai-msg.bot{align-self:flex-start;background:#17343c;border:1px solid #31545c}.cari-ai-msg.user{align-self:flex-end;background:#23665f;border:1px solid #3c8178}.cari-ai-quick{display:flex;gap:5px;overflow-x:auto;padding:6px 9px}.cari-ai-quick button{white-space:nowrap;border:1px solid #3c5b62;background:#132f36;color:#d7e8e6;border-radius:999px;padding:6px 9px;font-size:10px}.cari-ai-compose{display:grid;grid-template-columns:42px minmax(0,1fr) 70px;gap:7px;padding:9px;background:#0f262d;border-top:1px solid #294851}.cari-ai-compose textarea{resize:none;min-height:46px;max-height:130px;background:#07191e;color:#eef6f5;border:1px solid #36565d;border-radius:9px;padding:9px;font:inherit;font-size:13px}.cari-ai-compose button{border-radius:9px;border:1px solid #3f847b;background:#1b6f65;color:#fff;font-weight:800}.cari-ai-compose #cariAiMic{background:#17343c;border-color:#4d7379;font-size:18px}.cari-ai-compose #cariAiMic.listening{background:#9a3030;border-color:#e55;animation:cariAiPulse .75s infinite alternate}.cari-ai-foot{padding:6px 10px 10px;font-size:10px;line-height:1.4;color:#7ea7a8;background:#0f262d}@keyframes cariAiPulse{from{transform:scale(.96)}to{transform:scale(1.04)}}
.cari-ai-guide{position:fixed;inset:0;z-index:950;background:#071319dd;display:grid;place-items:center;padding:16px}.cari-ai-guide.hidden{display:none}.cari-ai-guide>section{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px #0007}.cari-ai-guide header{position:sticky;top:0;height:auto;min-height:58px;background:#123d4a;color:#fff;padding:10px 14px;display:flex;justify-content:space-between}.cari-ai-guide header button{background:#0c2e38;color:#fff;border:1px solid #5d7e84;border-radius:8px}.cari-ai-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.cari-ai-guide-grid article{border:1px solid #dde8e5;border-radius:14px;padding:12px}.cari-ai-guide-grid h3{margin:0 0 8px;color:#183f48}.cari-ai-guide-grid button{display:block;width:100%;text-align:left;margin:6px 0;border:1px solid #dde8e5;background:#f8fbfa;border-radius:9px;padding:8px;cursor:pointer;color:#34545c}.cari-ai-guide-grid button:hover{background:#edf6f3}
@media(max-width:900px){.note-grid{grid-template-columns:1fr 1fr}.finance-metrics{grid-template-columns:1fr}.cari-ai-panel{width:min(100vw,560px)}.cari-ai-guide-grid{grid-template-columns:1fr}}
@media(max-width:600px){.note-grid{grid-template-columns:1fr}.barcode-line{grid-template-columns:1fr}.cari-ai-panel{width:100vw}.cari-ai-compose textarea{font-size:16px}.cari-ai-guide{padding:0}.cari-ai-guide>section{width:100vw;height:100dvh;max-height:none;border-radius:0}}


/* OTOIS Cari V3.1 — mobile / installed-app / offline-first UI */
.otois-install-btn{border-color:#2b7a74!important;background:#edf9f7!important;color:#174f4b!important}.otois-offline #syncBadge{color:#d97706!important}.otois-standalone body{overscroll-behavior:none}
@media(max-width:760px){
 html,body,#app{min-height:100dvh}body{overscroll-behavior-y:contain}
 header{position:sticky!important;top:0!important;z-index:120!important;min-height:56px!important;height:auto!important;padding:6px 8px!important;gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}
 header::-webkit-scrollbar{display:none}.brandmark.small{min-width:max-content}.company-chip{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grow{display:none!important}
 header .btn,header .iconbtn{min-width:42px!important;min-height:42px!important;padding:8px!important;flex:0 0 auto!important}
 #globalSearchBtn,#quickMoveBtn,#helpBtn,#syncBtn,#logout,#installAppBtn{font-size:0!important}
 #globalSearchBtn:before{content:'⌕';font-size:20px}#quickMoveBtn:before{content:'＋';font-size:20px}#helpBtn:before{content:'?';font-size:18px;font-weight:800}#syncBtn:before{content:'↻';font-size:20px}#logout:before{content:'⏻';font-size:18px}#installAppBtn:before{content:'⬇';font-size:17px}
 .shell{min-height:calc(100dvh - 56px)!important}main#main{min-width:0!important;width:100%!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
 input,select,textarea,button{font-size:max(16px,1em)}.card,.panel,.modal-card{max-width:100%}.table-wrap,table{max-width:100%;overflow-x:auto}
 #modal{padding:0!important}#modal>div,#modal .modal-card{width:100vw!important;max-width:none!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}
 .metrics,.grid,.form-grid{grid-template-columns:1fr!important}.form-grid .span2{grid-column:auto!important}
 .cari-ai-panel{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:420px){.company-chip,#demoBadge{display:none!important}.brandmark.small span{display:none}.note-grid{grid-template-columns:1fr!important}}