.actionmodal{width:min(680px,calc(100vw - 28px));max-height:90vh;padding:0;overflow:auto}.actiondialog{margin:0}.actiondialog>header,.actiondialog>footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #dce5de}.actiondialog>header h2{margin:0;font-size:18px}.actiondialog>footer{justify-content:flex-end;gap:9px;border:0;border-top:1px solid #dce5de}.actionbody{padding:18px 20px;display:grid;gap:13px}.xclose{background:transparent;color:#52665b;font-size:24px}.field{display:grid;gap:5px;color:#3e594a;font-size:12px;font-weight:600}.field input,.field select{border:1px solid #cfdcd2;border-radius:6px;padding:10px 11px;font:inherit;color:#203a2d;background:#fff}.field input:focus,.field select:focus{outline:2px solid #9fc3a8;border-color:#176a48}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tablewrap{width:100%;overflow:auto}.table{min-width:760px}.table .block{display:block;color:#63746a;font-size:10px;margin-top:3px}.rowactions{white-space:nowrap}.rowactions button,.stockline button,.conversation{font:inherit;cursor:pointer}.rowactions button,.stockline button{border:1px solid #d5e0d7;background:#f4f8f4;color:#1d6141;border-radius:5px;padding:6px 8px;margin:2px;font-size:10px;font-weight:700}.rowactions button:hover,.stockline button:hover{background:#e3f0e5}.buttonrow{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.buttonrow .secondary{background:#eef2ef;color:#40574a}.muted{font-size:12px;color:#63746a;line-height:1.7}.paymentgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.paymentgrid>div{display:grid;gap:7px;padding:13px;background:#f3f7f3;border:1px solid #e0e9e2;border-radius:8px;color:#254a35;font-size:12px}.paymentgrid small{color:#627267;font-size:10px}.tasklist{display:grid;gap:8px}.tasklist button{display:flex;justify-content:space-between;padding:11px;border:1px solid #e0e9e2;background:#f7faf7;border-radius:7px;color:#294b37;text-align:left}.stockline{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #edf1ed;padding:10px 0;color:#375142;font-size:12px}.inbox{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1.4fr);gap:14px}.conversationlist{padding:8px}.conversation{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #edf1ed;background:white;text-align:left;padding:12px 8px;color:#203a2d}.conversation.selected{background:#eef6ef}.conversation>span:nth-child(2){display:grid;gap:3px;min-width:0}.conversation small{color:#63746a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.unread-dot{width:8px;height:8px;border-radius:50%;background:#d39d32;margin-left:auto}.chatpanel{display:flex;flex-direction:column;min-height:380px}.chathead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ed;padding-bottom:10px}.chathead h2{margin:0 0 4px;font-size:15px}.chatstream{display:flex;flex:1;flex-direction:column;gap:9px;padding:15px 2px}.chatbubble{max-width:80%;align-self:flex-start;padding:10px 13px;border-radius:12px 12px 12px 3px;background:#eff4ef;font-size:12px}.chatbubble p{margin:0 0 4px}.chatbubble small{color:#68766d;font-size:9px}.chatbubble.outgoing{align-self:flex-end;background:#dff0e2;border-radius:12px 12px 3px 12px}.chatpanel .reply{margin-top:8px}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settingsgrid>div{display:grid;gap:5px;padding:10px 0;border-bottom:1px solid #edf1ed}.settingsgrid small{font-size:10px;color:#63746a}.settingsgrid b{font-size:13px;color:#294b37}.settingsgrid .wide{grid-column:1/-1}.reportactions{margin-bottom:14px}.table tr[hidden]{display:none!important}
@media(max-width:780px){.inbox{grid-template-columns:1fr}.conversationlist{max-height:240px;overflow:auto}.chatpanel{min-height:320px}.formgrid,.settingsgrid,.paymentgrid{grid-template-columns:1fr}.settingsgrid .wide{grid-column:auto}.actionmodal{max-height:calc(100vh - 16px)}.actiondialog>header,.actiondialog>footer{padding:13px}.actionbody{padding:14px}.panelhead{align-items:flex-start;gap:9px;flex-wrap:wrap}.buttonrow{align-items:stretch}}
.browser-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.browser-tabs{display:flex;gap:8px;flex-wrap:wrap}.browser-tab,.browser-open,.browser-address a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8e3d9;border-radius:8px;padding:9px 14px;background:#f5f8f5;color:#365642;font-size:12px;font-weight:700}.browser-tab.active{background:#174435;color:#fff;border-color:#174435}.browser-tab b{font-size:15px}.browser-open,.browser-address a{background:#f3c969;color:#233b31;border-color:#e6bc60;text-decoration:none}.browser-address{display:flex;align-items:center;gap:9px;border:1px solid #dfe7df;border-radius:8px;padding:8px 10px;margin-bottom:10px;background:#fbfcfb}.browser-address input{flex:1;min-width:0;border:0;background:transparent;color:#5e6d61;font:inherit;font-size:12px;outline:0}.browser-notice{margin:10px 0 14px;padding:11px 13px;border-radius:7px;background:#fff6df;color:#705523;font-size:11px;line-height:1.7}.browser-frame{height:min(68vh,720px);min-height:440px;overflow:hidden;border:1px solid #dce5dd;border-radius:9px;background:#fff}.browser-frame iframe{width:100%;height:100%;border:0;background:#fff}.browser-footnote{font-size:11px;color:#718075;margin:0 2px 18px}
@media(max-width:780px){.browser-frame{height:65vh;min-height:360px}.browser-controls{align-items:stretch}.browser-open{flex:1}.browser-address{gap:6px;padding:8px}.browser-address input{font-size:10px}}
.browser-blocked{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px 22px;border:1px solid #dce5dd;border-radius:10px;background:linear-gradient(145deg,#f7faf7,#eef4ef)}.browser-blocked-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#174435;color:#fff;font-size:28px;font-weight:800}.browser-blocked h3{margin:4px 0 0;color:#193c30;font-size:18px}.browser-blocked p{max-width:460px;margin:0;color:#66786c;font-size:13px;line-height:1.7}.browser-blocked-action{display:inline-flex;align-items:center;justify-content:center;margin:4px 0;padding:12px 18px;border:1px solid #174435;border-radius:8px;background:#174435;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.browser-blocked-action:hover{background:#103528}.browser-blocked small{color:#718075;font-size:11px}