@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#172b28;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--green:#176b50;--dark:#173b35;--muted:#71807c;--line:#e5ebe8;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--dark);text-decoration:none;font:700 16px Manrope,sans-serif}.brand b{color:var(--green)}.brand small{display:block;font:400 11px 'DM Sans';color:#899590;margin-top:3px}.brand-mark{width:39px;height:39px;background:var(--dark);border-radius:12px;color:white;display:grid;place-items:center;font:800 21px Manrope}.top-actions{display:flex;align-items:center;gap:16px}.prototype-pill{font-size:10px;font-weight:700;letter-spacing:.09em;color:#9b6811;background:#fff5df;padding:8px 11px;border-radius:30px}.button{border:0;border-radius:9px;padding:12px 17px;font:700 13px 'DM Sans';cursor:pointer;transition:.18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:#10573f}.button-quiet{background:#f1f5f3;color:#334741}.full{width:100%;display:flex;justify-content:center;gap:12px;align-items:center}.auth-layout{max-width:1120px;margin:58px auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .85fr;gap:80px;align-items:center}.intro-panel{padding:15px 0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--green)}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;color:var(--dark)}.intro-panel h1{font-size:clamp(36px,4.6vw,55px);line-height:1.1;letter-spacing:-.045em;max-width:520px;margin:18px 0}.intro-panel>p{font-size:16px;line-height:1.75;color:#6c7b76;max-width:470px}.benefit-list{display:grid;gap:23px;margin-top:37px}.benefit-list>div{display:flex;align-items:center;gap:14px}.benefit-icon{width:38px;height:38px;border-radius:12px;background:#e6f2ec;color:var(--green);display:grid;place-items:center;font-weight:700}.benefit-list b,.benefit-list small{display:block}.benefit-list b{font-size:13px}.benefit-list small{font-size:12px;color:var(--muted);margin-top:4px}.auth-card,.main-card,.side-card,.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px #173b3508}.auth-card{padding:27px}.auth-tabs{display:flex;background:#f3f6f4;border-radius:10px;padding:4px;margin-bottom:26px}.tab{flex:1;border:0;background:none;padding:10px;border-radius:8px;color:#74817d;font-weight:600;cursor:pointer}.tab.active{background:white;color:var(--dark);box-shadow:0 1px 4px #152b2415}.auth-form h2{font-size:22px;margin:0 0 6px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.auth-form>p.muted{margin:0 0 21px}.auth-form label,.profile-form label,.doc-dialog label{display:block;font-size:12px;font-weight:600;color:#43534e;margin:14px 0}.input-spacer{margin-top:5px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #dfe7e3;border-radius:8px;padding:11px 12px;font:400 13px 'DM Sans';color:#263b35;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#64a58b;box-shadow:0 0 0 3px #176b5012}.fine-print{font-size:10px!important;line-height:1.55;color:#8b9692;margin:13px 0 0}.optional{font-weight:400;color:#98a29e;font-size:10px}.auth-form .button{margin-top:8px}.welcome-row{max-width:1180px;margin:38px auto 22px;padding:0 22px;display:flex;justify-content:space-between;align-items:center}.welcome-row h1{font-size:29px;margin:7px 0 3px}.welcome-row p{margin:0}.business-chip{font-size:11px;color:#4c6b5e;background:#e8f3ed;padding:9px 13px;border-radius:30px}.online-dot{display:inline-block;width:7px;height:7px;background:#2e9d69;border-radius:50%;margin-right:6px}.stat-grid{max-width:1180px;margin:0 auto 20px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{padding:18px 20px}.stat-card span,.stat-card small{display:block;font-size:11px;color:var(--muted)}.stat-card strong{display:block;font:800 27px Manrope;color:var(--dark);margin:7px 0 3px}.workspace-grid{max-width:1180px;margin:0 auto 50px;padding:0 22px;display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.side-card{padding:17px 12px}.side-card h3{font-size:13px;margin:4px 9px 13px}.side-link{display:flex;align-items:center;gap:11px;width:100%;padding:11px 10px;border:0;background:none;border-radius:8px;text-align:left;color:#65736e;font:500 12px 'DM Sans';cursor:pointer}.side-link.active{background:#eaf4ee;color:var(--green);font-weight:700}.side-note{border-top:1px solid var(--line);margin:18px 5px 0;padding:13px 5px 2px;color:#899590;font-size:10px;line-height:1.6}.main-card{padding:25px;min-height:430px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-size:18px;margin:0 0 4px}.section-heading p{margin:0}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.action-tile{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px 14px;text-align:left;cursor:pointer;min-height:150px;transition:.18s}.action-tile:hover{border-color:#a9cbbb;transform:translateY(-2px);box-shadow:0 8px 18px #173b350b}.tile-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:19px;margin-bottom:17px}.green{background:#e5f3eb;color:#16714f}.blue{background:#eaf1fc;color:#4773b8}.amber{background:#fff3dc;color:#aa7419}.violet{background:#f1eafd;color:#8059b2}.action-tile b,.action-tile small{display:block}.action-tile b{font-size:12px;color:var(--dark)}.action-tile small{font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px}.recent-heading{margin-top:35px}.text-button{border:0;background:none;color:var(--green);font:700 11px 'DM Sans';cursor:pointer}.empty-state{text-align:center;padding:35px 15px;color:#84918c}.empty-state>span{font-size:26px}.empty-state b{display:block;color:#52625c;font-size:12px;margin-top:8px}.empty-state p{font-size:11px}.document-list{margin-top:18px}.doc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #edf1ef}.doc-row:last-child{border-bottom:0}.doc-main{display:flex;align-items:center;gap:11px}.doc-symbol{width:35px;height:35px;background:#eff5f1;color:var(--green);border-radius:9px;display:grid;place-items:center}.doc-main b,.doc-main small{display:block}.doc-main b{font-size:12px}.doc-main small{font-size:10px;color:var(--muted);margin-top:4px}.doc-amount{font-size:12px;font-weight:700;color:var(--dark);white-space:nowrap}.doc-actions{display:flex;gap:6px}.mini-button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 9px;font-size:10px;color:#53655e;cursor:pointer}.profile-form{max-width:600px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}.profile-form label:nth-child(5){grid-column:1/-1}.profile-form button{justify-self:start;margin-top:10px}.doc-dialog{border:0;border-radius:16px;padding:0;width:min(720px,calc(100% - 24px));max-height:90vh;box-shadow:0 24px 80px #071d1670}.doc-dialog::backdrop{background:#10251f99;backdrop-filter:blur(3px)}.doc-dialog form{padding:25px;overflow:auto;max-height:90vh}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{font-size:22px;margin:5px 0 17px}.close-button{border:0;background:#f1f5f3;border-radius:50%;width:33px;height:33px;font-size:22px;cursor:pointer;color:#53655e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid label{margin:7px 0}.wide{grid-column:1/-1}.items-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 9px;font-size:12px}.table-wrap{overflow-x:auto}.items-table{width:100%;border-collapse:collapse;min-width:430px}.items-table th{text-align:left;color:#83908b;font-size:10px;font-weight:600;padding:9px 5px;border-bottom:1px solid var(--line)}.items-table td{padding:4px}.items-table input{margin:0;padding:9px 7px;font-size:11px}.items-table .qty{width:62px}.items-table .price{width:110px}.remove-item{border:0;background:none;color:#b45d5d;cursor:pointer;font-size:18px}.totals-area{width:min(270px,100%);margin:17px 0 0 auto}.totals-area>label{display:flex;justify-content:space-between;align-items:center;gap:10px}.totals-area input{width:120px}.total-line{display:flex;justify-content:space-between;padding:7px 0;font-size:11px;color:#75827d}.total-line b{color:#334740}.grand-total{border-top:1px solid var(--line);margin-top:4px;padding-top:12px;font-size:14px;color:var(--dark)}.grand-total b{font-size:17px;color:var(--green)}.notes-label{margin-top:17px!important}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#173b35;color:#fff;padding:12px 17px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}footer{max-width:1180px;margin:0 auto;padding:18px 22px 28px;display:flex;justify-content:space-between;gap:10px;color:#96a19c;font-size:10px;border-top:1px solid #e9eeeb}
@media(max-width:850px){.auth-layout{gap:30px;margin:35px auto}.action-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:175px 1fr}.main-card{padding:19px}.action-tile{min-height:130px}}
@media(max-width:620px){.topbar{height:65px;padding:0 16px}.brand{font-size:14px}.brand-mark{width:35px;height:35px}.prototype-pill{font-size:8px;padding:7px}.auth-layout{grid-template-columns:1fr;margin:20px auto 35px;padding:0 15px;gap:22px}.intro-panel{padding:12px 4px}.intro-panel h1{font-size:36px;margin:12px 0}.intro-panel>p{font-size:13px}.benefit-list{grid-template-columns:1fr;gap:13px;margin-top:20px}.benefit-icon{width:32px;height:32px}.auth-card{padding:19px}.welcome-row{margin:25px auto 18px;align-items:flex-start}.welcome-row h1{font-size:23px}.business-chip{font-size:9px;padding:7px 9px;margin-top:15px}.stat-grid{gap:8px;padding:0 14px}.stat-card{padding:13px 11px}.stat-card span,.stat-card small{font-size:9px}.stat-card strong{font-size:22px}.workspace-grid{display:block;padding:0 14px}.side-card{display:flex;align-items:center;gap:3px;padding:7px;margin-bottom:12px;overflow-x:auto}.side-card h3,.side-note{display:none}.side-link{white-space:nowrap;width:auto;padding:10px;font-size:11px}.main-card{padding:16px;min-height:350px}.action-grid{gap:8px}.action-tile{padding:13px 11px;min-height:125px}.action-tile small{font-size:9px}.section-heading h2{font-size:16px}.profile-form{grid-template-columns:1fr}.profile-form label:nth-child(5){grid-column:auto}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.doc-dialog form{padding:18px}.dialog-header h2{font-size:19px}footer{padding:15px;flex-direction:column}.doc-row{align-items:flex-start}.doc-actions{flex-wrap:wrap}.doc-amount{margin-left:auto}}

.record-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 14px;border-bottom:1px solid var(--line);padding-bottom:10px}.record-tab{border:1px solid var(--line);background:#fff;color:#60716a;border-radius:8px;padding:9px 12px;font:600 11px 'DM Sans';cursor:pointer}.record-tab.active{background:#eaf4ee;border-color:#c8dfd1;color:var(--green)}.record-form{background:#f8faf9;border:1px solid var(--line);border-radius:12px;padding:14px}.record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.record-fields label{display:block;font-size:11px;font-weight:600;color:#43534e;margin:5px 0 10px}.record-fields .record-wide{grid-column:1/-1}.record-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.record-list-heading{margin-top:24px}.record-list-heading h3{font-size:14px;margin:0 0 4px}.record-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #edf1ef}.record-item b,.record-item small{display:block}.record-item b{font-size:12px}.record-item small{font-size:10px;color:var(--muted);margin-top:4px}.record-item-actions{display:flex;gap:6px}.record-item-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:10px;color:#53655e;cursor:pointer}.record-item-actions .delete-record{color:#a44d4d}.saved-product{margin:0 0 5px;padding:7px;font-size:10px}.items-table .description{margin:0}
@media(max-width:620px){.record-fields{grid-template-columns:1fr}.record-fields .record-wide{grid-column:auto}.record-item{align-items:flex-start}.record-item-actions{flex-wrap:wrap}}

.document-tools{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:center;margin-top:18px}.document-tools input[type=search]{margin:0}.backup-actions{display:flex;gap:8px;flex-wrap:wrap}.import-button{display:inline-flex;align-items:center;position:relative;overflow:hidden;cursor:pointer}.import-button input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.document-tools+.fine-print{margin:8px 0 0}.document-tools~.document-list{margin-top:10px}
@media(max-width:620px){.document-tools{grid-template-columns:1fr}.backup-actions>*{flex:1;justify-content:center;text-align:center}.backup-actions .button{padding:10px 9px;font-size:11px}}

.statement-controls{display:flex;align-items:end;gap:12px;max-width:560px;margin:20px 0}.statement-controls label{flex:1;font-size:12px;font-weight:600;color:#43534e}.statement-sheet{margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.statement-title{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:15px}.statement-title h3{font-size:17px;margin:0 0 5px}.statement-title p,.statement-title small,.statement-customer small{display:block;font-size:10px;color:var(--muted);margin:4px 0}.statement-customer{margin:17px 0}.statement-table-wrap{overflow-x:auto}.statement-table{width:100%;border-collapse:collapse;min-width:620px}.statement-table th,.statement-table td{padding:9px 7px;border-bottom:1px solid var(--line);font-size:10px;text-align:left;white-space:nowrap}.statement-table th{color:#63736c;background:#f7faf8}.statement-table tfoot th{font-weight:700;color:var(--dark);border-top:1px solid #ccd9d2}.statement-note{font-size:10px;line-height:1.6;color:var(--muted);margin:16px 0}.statement-sheet .button{margin-top:6px}
@media(max-width:620px){.statement-controls{display:grid;grid-template-columns:1fr}.statement-title{flex-direction:column}.statement-sheet{padding:12px}}

.payment-allocation{margin:18px 0;padding:14px;border:1px solid #dce9e1;border-radius:10px;background:#f6faf7}.payment-allocation label{display:block;font-size:12px;font-weight:700;color:#43534e}.payment-allocation .fine-print{margin:8px 0 0}

.payment-dashboard-heading{margin-top:26px}.payment-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}.payment-summary-card{padding:15px;border:1px solid #e1e9e4;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:8px}.payment-summary-card span,.payment-invoice-top small{font-size:12px;color:#718078}.payment-summary-card b{font-size:19px;color:#174f3c;overflow-wrap:anywhere}.payment-tracking-list{display:grid;gap:10px}.payment-invoice-card{border:1px solid #e1e9e4;border-radius:12px;background:#fff;padding:14px}.payment-invoice-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.payment-invoice-top>div{display:grid;gap:5px}.payment-status{font-size:11px;font-weight:700;padding:5px 9px;border-radius:20px;background:#edf4ef;color:#245b43}.payment-invoice-totals{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0;font-size:12px;color:#68776f}.payment-invoice-totals span{display:grid;gap:4px}.payment-invoice-totals b{font-size:14px;color:#243b31}.payment-history{border-top:1px solid #edf0ed;padding-top:10px;font-size:12px}.payment-history summary{cursor:pointer;font-weight:700;color:#27644c}.payment-history-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f0}.doc-reversed{opacity:.72}.doc-reversed .doc-amount{text-decoration:line-through}@media(max-width:620px){.payment-summary-grid{grid-template-columns:1fr 1fr}.payment-summary-card:first-child{grid-column:1/-1}.payment-summary-card b{font-size:16px}.payment-invoice-totals{gap:10px}}

.supplier-activity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.supplier-activity-summary .payment-summary-card{min-width:0}.supplier-activity-summary b{overflow-wrap:anywhere}@media(max-width:620px){.supplier-activity-summary{grid-template-columns:1fr 1fr}.supplier-activity-summary .payment-summary-card:first-child{grid-column:1/-1}}

.supplier-activity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.supplier-activity-summary .payment-summary-card{min-width:0}.supplier-activity-summary b{overflow-wrap:anywhere}@media(max-width:620px){.supplier-activity-summary{grid-template-columns:1fr 1fr}}

/* Stock and wholesale screens */
.stock-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 22px}.stock-list{display:grid;gap:9px}.stock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--line,#e5eae7);border-radius:12px;background:#fff}.stock-row>div:first-child{display:grid;gap:4px}.stock-row small{color:#718078;font-size:12px}.stock-numbers{text-align:right;display:grid;gap:4px}.stock-low{color:#b45309}

/* Daily sales book */
#dailySalesSummary{grid-template-columns:repeat(5,minmax(0,1fr));margin:12px 0 18px}#dailySalesSummary .payment-summary-card{min-width:0}#dailySalesSummary b{font-size:16px;overflow-wrap:anywhere}@media(max-width:850px){#dailySalesSummary{grid-template-columns:repeat(2,minmax(0,1fr))}#dailySalesSummary .payment-summary-card:first-child{grid-column:1/-1}}

/* Simple customer and supplier balances */
.balance-summary-grid{margin:18px 0}.balance-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.balance-columns .section-heading{align-items:flex-start;margin:12px 0}.balance-columns .record-item{gap:10px}.balance-columns .record-item strong{font-size:13px;color:var(--dark);white-space:nowrap}@media(max-width:700px){.balance-columns{grid-template-columns:1fr;gap:12px}}

/* Daily closing comparison */
.closing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.closing-grid .payment-summary-card{min-width:0}
.closing-grid small{font-size:10px;color:var(--muted);line-height:1.5}
@media(max-width:620px){.closing-grid{grid-template-columns:1fr 1fr}}

.cashbook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cashbook-entries{display:grid;gap:8px}
.cashbook-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.cashbook-row div{display:grid;gap:4px;min-width:0}
.cashbook-row small{font-size:11px;color:var(--muted)}
.cashbook-in{color:#16834a}.cashbook-out{color:#b54735}
@media(max-width:620px){.cashbook-grid{grid-template-columns:1fr 1fr}.cashbook-grid .payment-summary-card:last-child{grid-column:1/-1}}


/* Simple business overview */
.overview-month{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#53655e}.overview-month input{width:150px;margin:0}.simple-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.simple-dashboard-grid .payment-summary-card{min-width:0}.simple-dashboard-grid small{font-size:10px;line-height:1.5;color:var(--muted)}.overview-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}@media(max-width:620px){.overview-month{width:100%;justify-content:space-between}.simple-dashboard-grid{grid-template-columns:1fr 1fr}.simple-dashboard-grid .payment-summary-card{grid-column:auto}.simple-dashboard-grid b{font-size:14px}.overview-shortcuts>*{flex:1}}


/* Weekly and monthly sales comparison */
.sales-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.sales-comparison-grid .payment-summary-card{min-width:0}.comparison-change{font-size:12px;color:var(--muted)}.comparison-change.comparison-up{color:#16834a}.comparison-change.comparison-down{color:#b54735}.comparison-heading{margin-top:24px}@media(max-width:620px){.sales-comparison-grid{grid-template-columns:1fr 1fr}.sales-comparison-grid .payment-summary-card{padding:12px}.sales-comparison-grid .payment-summary-card b{font-size:14px}.sales-comparison-grid small{font-size:10px}}


/* Dedicated, phone-friendly product directory */
.product-directory-tools{display:grid;gap:7px;max-width:460px;margin:12px 0 18px}.product-directory-tools label{font-size:12px;font-weight:700;color:var(--dark)}.product-directory-tools input{width:100%}.product-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-record-item{align-items:flex-start}.product-record-item>div:first-child{min-width:0}.product-record-item small{line-height:1.6;overflow-wrap:anywhere}.product-record-item .record-item-actions{flex-shrink:0}@media(max-width:620px){.product-summary-grid{grid-template-columns:1fr 1fr}.product-summary-grid .payment-summary-card:last-child{grid-column:1/-1}.product-record-item{flex-direction:column}.product-record-item .record-item-actions{width:100%;justify-content:flex-start}}


/* Customer and supplier directory helpers */
.record-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.record-directory-tools{display:grid;gap:7px;max-width:480px;margin:12px 0 18px}.record-directory-tools label{font-size:12px;font-weight:700;color:var(--dark)}.record-directory-tools input{width:100%}.contact-record-item{align-items:flex-start}.contact-record-item>div:first-child{min-width:0}.contact-record-item small{line-height:1.65;overflow-wrap:anywhere}.contact-record-item .record-item-actions{flex-shrink:0}@media(max-width:620px){.contact-record-item{flex-direction:column}.contact-record-item .record-item-actions{width:100%;justify-content:flex-start}.record-summary-grid{grid-template-columns:1fr 1fr}}


/* Reversed records remain visible as history */
.reversed-record{color:#7a8580;background:#f7f8f7}

/* Settings, no-code visual builder, calendar and floating digital watch */
:root{--page-bg:#f5f7f6}body{background:var(--page-bg)}body[data-text-size="large"]{font-size:110%}body[data-text-size="compact"] .side-link{padding:8px 9px}body[data-corners="sharp"] .stat-card,body[data-corners="sharp"] .main-card,body[data-corners="sharp"] .side-card,body[data-corners="sharp"] .action-tile{border-radius:3px}body[data-compact-nav="true"] .workspace-grid{grid-template-columns:175px 1fr}body[data-dashboard="wide"] .simple-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.floating-clock{position:fixed;z-index:8;top:88px;right:16px;display:grid;gap:2px;padding:7px 10px;border:1px solid #dfe8e3;border-radius:10px;background:#fff;box-shadow:0 5px 18px #173b3518;min-width:116px;text-align:right;pointer-events:none}.floating-clock[hidden]{display:none}.clock-time{font:700 14px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green)}.clock-date{font-size:9px;color:#75827d;white-space:nowrap}
.settings-tabs{display:flex;gap:7px;overflow-x:auto;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.settings-tab{border:1px solid var(--line);background:#fff;color:#56665f;border-radius:9px;padding:10px 13px;font:600 11px 'DM Sans';white-space:nowrap;cursor:pointer}.settings-tab.active{background:#eaf4ee;border-color:#b9d6c6;color:var(--green)}.settings-panel{padding:4px 0 18px}.settings-panel h3{margin:4px 0 8px}.builder-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.builder-tag{font-size:10px;font-weight:800;letter-spacing:.08em;color:#176b50;background:#e7f4ec;border-radius:20px;padding:8px 11px}.builder-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(240px,1.15fr);gap:22px;margin-top:14px}.builder-controls{display:grid;gap:10px;align-content:start}.builder-controls>label,.settings-panel>label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#43534e}.builder-controls input,.settings-panel input,.settings-panel select,.settings-panel textarea{margin-top:0}.builder-controls .builder-check{display:flex;align-items:center;gap:9px;font-weight:500}.builder-check input{width:auto;margin:0}.builder-preview-wrap{background:#f3f6f4;border:1px solid var(--line);border-radius:13px;padding:13px}.builder-preview{background:var(--preview-bg,#fff);border:1px solid #e4ebe7;border-radius:14px;overflow:hidden;color:#243a32}.builder-preview[data-corners="sharp"]{border-radius:2px}.preview-top{display:flex;justify-content:space-between;gap:8px;padding:13px;background:#fff;border-bottom:1px solid #e6ece8;font-size:10px}.preview-top b{color:var(--preview-accent)}.preview-top span{font-size:9px;color:#16834a}.preview-content{padding:15px}.preview-content>b{font:700 14px Manrope}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.preview-cards i{height:48px;border:1px solid #e1e8e4;border-top:3px solid var(--preview-accent);border-radius:8px;background:#fff}.builder-preview[data-dashboard="wide"] .preview-cards{grid-template-columns:1fr}.preview-row{height:11px;background:#e9eeeb;border-radius:8px;margin:9px 0}.preview-row.short{width:60%}.settings-info{background:#f5f8f6;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:17px}.settings-info p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:0}.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 12px}.calendar-toolbar h3{min-width:155px;text-align:center;font-size:15px;margin:0}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays span{text-align:center;font-size:10px;font-weight:700;color:#788780;padding:8px 0}.calendar-day{min-height:65px;border:1px solid var(--line);background:#fff;border-radius:9px;text-align:left;padding:7px;display:flex;flex-direction:column;gap:7px;color:#30443c;cursor:pointer}.calendar-day.outside{opacity:.42}.calendar-day.selected{border:2px solid var(--green);background:#f1f8f3}.calendar-day.today>span{font-weight:800;color:var(--green)}.calendar-day i{font-style:normal;font-size:9px;color:var(--green);overflow-wrap:anywhere}.calendar-event-panel{margin-top:20px}.calendar-event-form{margin-top:15px}.calendar-event-form[hidden]{display:none}@media(max-width:700px){.builder-layout{grid-template-columns:1fr}.floating-clock{top:72px;right:9px;padding:6px 8px;min-width:104px}.clock-time{font-size:12px}.clock-date{font-size:8px}.calendar-day{min-height:50px;padding:5px 3px}.calendar-day i{font-size:8px}.calendar-toolbar{gap:5px}.calendar-toolbar .button{padding:9px 10px}.calendar-toolbar h3{min-width:125px;font-size:13px}.settings-tabs{margin-right:-5px}}

.builder-widget-controls{display:grid;gap:7px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8faf9}.builder-widget-controls>b{font-size:12px;color:var(--dark)}.builder-widget-controls>small{font-size:10px;color:var(--muted);margin-top:-5px}.builder-widget-controls .builder-check{font-size:11px}

.calendar-agenda-card{margin:20px 0;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.calendar-agenda-card .section-heading{margin:0 0 10px}.calendar-agenda-card .record-item{padding:10px 0}.calendar-agenda-card .record-item small{display:block;margin-top:4px}