:root{--ink:#373a36;--muted:#858384;--green:#d7225e;--line:#e9e6eb;--paper:#f7f7fa;--company-color:#d7225e;--company-accent:#5b4e56;--radius:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
body[data-staff="false"]{--green:var(--company-color)}
body[data-staff="false"] .welcome-banner{background:color-mix(in srgb,var(--company-color) 6%,#f9f9f9);border-color:color-mix(in srgb,var(--company-color) 15%,#ece9eb)}
body[data-staff="false"] .welcome-banner h2{color:var(--company-color)}
body[data-staff="false"] .sidebar nav button.active{color:var(--company-color);background:color-mix(in srgb,var(--company-color) 8%,white)}
body[data-staff="false"] .company-logo{background:var(--company-color);border-radius:6px;padding:9px;height:64px}
body[data-staff="false"] .company-logo img{max-height:45px}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex-shrink:0;vertical-align:middle}button svg,a svg{pointer-events:none}button:focus-visible,a:focus-visible{outline:3px solid #bb9a71;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #685d634d;border-color:#7b7478}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;font-weight:600;line-height:1.25}h2{font-size:19px;letter-spacing:-.4px;font-weight:600}h3{font-size:14px;font-weight:600}p{line-height:1.65}button{border:0;background:transparent}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:10px;letter-spacing:1.6px;font-weight:650;color:#817e80;margin-bottom:12px}.brand-flower{color:#d7225e;font-size:43px;line-height:1}.wordmark{display:flex;align-items:center;gap:8px;font-size:19px;letter-spacing:-.8px;font-weight:650;white-space:nowrap}.wordmark-dot{color:#d7225e}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border-radius:7px;padding:11px 17px;font-size:12px;font-weight:550;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:0 2px 2px #28222509}.primary:hover{background:#811b42}.secondary{background:white;border:1px solid #dcdbdc;color:#5b5759}.secondary:hover{background:#f2f0f1}.full{width:100%}.small-button{font-size:11px;min-height:33px;padding:7px 12px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#8b8789}.icon-button:hover{background:#edeced}.text-button,.subtle-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--green);padding:0}.text-button:hover,.subtle-link:hover{text-decoration:underline}.text-error,.form-error{color:#a84736!important}.form-error:not(:empty){margin:0 0 16px;padding:12px;background:#fcf0ec;border-radius:6px}.initial-loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:14px}.workspace{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;top:0;bottom:0;left:0;padding:26px 20px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;overflow:auto}.sidebar .wordmark{margin:0 0 36px}.sidebar .brand-flower{font-size:35px}.workspace-label,.nav-label{font-size:9px;letter-spacing:1.25px;color:#989597;font-weight:600;margin:0 8px 12px}.workspace-card{padding:17px 14px 15px;background:#f6f6f6;border:1px solid #ebe9ea;border-radius:9px;margin-bottom:29px}.workspace-avatar{width:31px;height:31px;border:1px solid #dfdbdd;border-radius:8px;display:grid;place-items:center;color:#787376;margin-bottom:10px}.workspace-card strong{font-size:12px;display:block;margin-bottom:6px;font-weight:600}.workspace-card>span{font-size:10px;color:#8e8a8c;line-height:1.5}.company-logo{height:55px;display:flex;align-items:center;margin-bottom:12px}.company-logo img{max-width:100%;max-height:55px;object-fit:contain}.nav-label{margin-bottom:10px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:11px;min-height:43px;padding:0 12px;text-align:left;color:#838182;font-size:12px;border-radius:6px}.sidebar nav button:hover{background:#f7f7fa}.sidebar nav button.active{background:#edebec;color:#474044;font-weight:600}.sidebar nav button em{font-style:normal;font-size:10px;background:#efeeef;border:1px solid #e2dfe1;border-radius:4px;padding:1px 5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:40px}.help-card{padding:17px 13px;background:#f2eff1;border:1px solid #e7e3e5;border-radius:9px;margin-bottom:19px}.help-card>span{font-size:11px;font-weight:650}.help-card p{font-size:10px;color:#8f8a8d;margin:6px 0 14px}.help-card .text-button{font-size:10px}.help-card svg{width:14px}.demo-indicator{display:flex;align-items:center;gap:6px;color:#857f82;font-size:9px;letter-spacing:.2px;margin:0 0 13px 8px}.demo-indicator i,.portal-enabled i{width:5px;height:5px;border-radius:50%;background:#988c93}.sidebar-person{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:18px}.avatar{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;background:#e5e2e4;color:#726d70;border-radius:50%;font-size:10px;font-weight:600;flex-shrink:0}.sidebar-person>div{flex:1;min-width:0}.sidebar-person strong,.sidebar-person span:not(.avatar){display:block}.sidebar-person strong{font-size:11px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-person>div>span{font-size:9px;color:#969495}.powered{display:block;font-size:8px;color:#a19ea0;margin-top:21px;text-align:center;letter-spacing:.05px}.powered b{font-weight:500;color:#848082}.main-layout{margin-left:244px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px}.breadcrumbs{display:flex;gap:16px;font-size:11px;color:#939192}.breadcrumbs strong{font-weight:500;color:#5f595c}.breadcrumbs span{color:#c6c4c5}.topbar-right{display:flex;align-items:center;gap:20px}.today{font-size:10px;color:#8f8d8e}.topbar-divider{height:22px;width:1px;background:var(--line)}.small-avatar{width:29px;height:29px;font-size:9px;background:#eceaeb}.mobile-only{display:none}#main{padding:36px 39px 22px;max-width:1600px;width:100%;margin:auto;flex:1}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.page-heading .eyebrow{font-size:9px;margin-bottom:10px;letter-spacing:1.25px}.page-heading h1{font-size:27px}.page-heading p{margin-top:9px;font-size:11px;color:#939092}.page-heading>.button{margin-top:9px;white-space:nowrap}.welcome-banner{display:flex;position:relative;overflow:hidden;justify-content:space-between;background:#ece9eb;border:1px solid #e1dddf;border-radius:11px;min-height:240px;padding:29px 33px;margin-bottom:25px}.banner-tag{font-size:8px;letter-spacing:1.5px;color:#878084}.welcome-banner h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.14;letter-spacing:-.8px;font-weight:400;margin:13px 0 11px;color:#423d40}.welcome-banner p{font-size:11px;line-height:1.8;color:#8b8689}.banner-link{display:inline-flex;align-items:center;gap:16px;padding:0;font-size:10px;font-weight:600;margin-top:17px;color:#5b5458}.banner-link svg{width:16px}.banner-art{position:relative;width:38%;display:flex;align-items:center;justify-content:center}.art-frame{border:1px solid #ccc5c9;width:158px;height:158px;border-radius:44px;transform:rotate(-14deg);display:grid;place-items:center;background:#e3dee1;box-shadow:10px 12px 0 #ddd7da66}.art-frame span{font-size:144px;line-height:1;color:#a89ea4;transform:rotate(2deg);margin-top:-10px}.floating-ticket{position:absolute;bottom:12px;right:10px;background:#fbfafbe8;border:1px solid #e2dee0;box-shadow:0 4px 20px #564a5110;padding:12px 17px;border-radius:7px;display:flex;align-items:center;gap:9px;font-size:9px;color:#7b7478;transform:rotate(-5deg);white-space:nowrap}.floating-ticket svg{background:#eae7e9;border-radius:50%;padding:3px;width:22px;height:22px}.art-spark{font-size:43px;color:#a39a9f;position:absolute;top:3px;right:21px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:27px}.metric{padding:17px 20px 16px;background:#fff;border:1px solid var(--line);border-radius:9px}.metric>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.metric>div>span{font-size:10px;color:#827f81}.metric-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center}.metric-icon svg{width:14px;height:14px}.metric-icon.neutral{background:#eeeced;color:#8b8588}.metric-icon.blue{background:#edf2f5;color:#7e9ba9}.metric-icon.amber{background:#eeeaec;color:#9a8993}.metric-icon.green{background:#eeebed;color:#8d8489}.metric>strong{display:block;font-size:30px;font-weight:500;letter-spacing:-1px;margin:9px 0 9px;line-height:1}.metric small{font-size:9px;color:#a09e9f}.ticket-section{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.ticket-section>.section-heading{padding:23px 23px 18px}.section-heading h2{font-size:15px;display:flex;align-items:center;gap:9px}.section-heading p{font-size:10px;color:#989697;margin-top:6px}.count-pill{font-size:9px;font-weight:500;color:#8d898b;padding:2px 6px;border-radius:4px;background:#efeeef;vertical-align:middle}.table-tabs{display:flex;gap:23px;padding:0 23px;border-bottom:1px solid var(--line)}.table-tabs button{font-size:10px;color:#999698;padding:11px 0 13px;border-bottom:2px solid transparent;white-space:nowrap}.table-tabs button.active{color:#494347;font-weight:600;border-color:#726a6f}.table-tools{display:flex;justify-content:space-between;gap:16px;padding:17px 23px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e3e1e2;border-radius:6px;min-width:180px;max-width:300px;flex:1;padding:0 10px;background:#fff;color:#a6a3a5}.search-field svg{width:14px;height:14px}.search-field input{border:0;background:transparent;width:100%;min-height:33px;outline:none!important;font-size:10px;color:var(--ink);padding:7px 0}.search-field:focus-within{outline:2px solid #685d634d}.search-field input::placeholder{color:#a6a4a5}.filter-group{display:flex;gap:8px;min-width:0}.filter-group select{font-size:9px;border:1px solid #e3e1e2;border-radius:5px;color:#898688;background:#fff;padding:8px 23px 8px 9px;max-width:165px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f9f9f9;color:#9b989a;font-size:9px;font-weight:500;padding:12px 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}th:first-child{padding-left:24px}td{padding:16px 19px;border-bottom:1px solid #efedee;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr[data-ticket]{cursor:pointer}tbody tr[data-ticket]:hover{background:#f8f7f8}td:first-child{padding-left:24px}.ticket-subject{display:block;text-align:left;padding:0;max-width:380px}.ticket-ref{display:block;color:#a5a2a4;font-size:8px;letter-spacing:.15px;margin-bottom:7px}.ticket-ref>span{color:#aeabad;margin-left:4px}.ticket-subject strong{font-weight:500;font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;max-width:330px}.status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:5px 7px;font-size:8px;white-space:nowrap;background:#f0eff0;color:#989697}.status-badge i,.priority i{width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.in-progress{background:#eef3f7;color:#7395b2}.status-badge.waiting-for-approval{background:#eeebed;color:#93848d}.status-badge.waiting-for-information{background:#f3edf6;color:#a18db0}.status-badge.completed{background:#efecee;color:#8c8087}.status-badge.cancelled{background:#f8eeeb;color:#b69c93}.priority{display:inline-flex;gap:6px;align-items:center;font-size:9px;color:#a5a1a3}.priority.high{color:#c59b7e}.priority.urgent{color:#be7666}.priority.low{color:#94a0aa}.date-cell{font-size:9px;color:#a29ea0}td:last-child>svg{color:#b9b5b7;width:12px;height:12px}.company-table{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:#837f81}.company-initial{width:25px;height:25px;display:inline-grid;place-items:center;font-size:7px;background:#eeeced;border:1px solid #e5e3e4;border-radius:5px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 23px;border-top:1px solid var(--line);font-size:9px;color:#a19d9f}.pagination>div{display:flex;align-items:center;gap:12px}.pagination button{width:24px;height:24px;border:1px solid #e6e3e5;border-radius:4px;font-size:11px}.pagination button:disabled{cursor:default}.bottom-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#9d979a;margin:19px 0 0}.bottom-note svg{width:13px;height:13px}.bottom-note>span:last-child{margin-left:auto;font-size:8px;color:#aeabad}.workspace-footer{padding:16px 39px 23px;display:flex;justify-content:space-between;font-size:8px;color:#b1adaf}.empty-state{text-align:center;padding:60px 25px;color:#a5a0a3}.empty-state>svg{width:30px;height:30px;margin-bottom:17px}.empty-state h3{font-size:18px;color:#696266;margin-bottom:9px;font-weight:500}.empty-state p{font-size:12px}.empty-state .button{margin-top:20px}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.company-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:12px}.company-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.company-card-logo{height:58px;max-width:190px;display:flex;align-items:center}.company-card-logo img{max-width:100%;max-height:58px}.portal-enabled{display:flex;align-items:center;gap:5px;font-size:9px;color:#90898d;white-space:nowrap}.company-card h2{font-size:19px}.company-card>p{font-size:11px;color:#9a9598;margin:10px 0 18px}.colour-swatches{display:flex;align-items:center;gap:5px;margin-bottom:25px}.brand-swatch{display:block;width:17px;height:17px;border-radius:5px}.colour-swatches small{margin-left:8px;font-size:9px;color:#a4a1a3}.connection-details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:10px;color:#8e898c}.connection-details summary{cursor:pointer}.connection-details p{margin:9px 0;overflow-wrap:anywhere}.danger-link{display:block;color:#b17c6e;font-size:10px;margin-top:18px;padding:0;text-decoration:underline}.info-strip{display:flex;gap:10px;align-items:flex-start;background:#edebec;border:1px solid #e1dddf;border-radius:8px;padding:16px;font-size:11px;color:#8e888b;margin-top:24px;line-height:1.7}.info-strip svg{margin-top:2px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.service-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.service-card span{display:block;font-size:11px;color:#958f92;margin-bottom:12px}.service-card strong{font-size:14px;font-weight:500;text-transform:capitalize}.delivery-badge{background:#eeeaec;color:#8e8189;padding:5px 8px;border-radius:4px;font-size:10px}.delivery-badge.sent{background:#efecee;color:#877b82}.delivery-badge.failed{background:#f7ece7;color:#b3897a}.catalogue-summary{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#8e898c;margin-bottom:22px}.catalogue-summary .source-indicator{margin-left:auto}.catalogue-card{max-width:850px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px}.catalogue-card .reference-list{max-height:650px}.catalogue-card .reference-product{font-size:12px}.catalogue-card .search-field{max-width:none}.catalogue-card .reference-category>label{padding-top:16px;padding-bottom:16px}
/* Forms, dialogs and ticket conversations */
label{display:block;font-size:11px;font-weight:550;margin-bottom:17px;color:#6f6a6d;line-height:1.6}label>input:not([type=checkbox]):not([type=file]),label>textarea,label>select{display:block;width:100%;margin-top:7px;border:1px solid #e0dedf;border-radius:6px;background:#fff;color:#494347;padding:11px 12px;font-size:12px}input::placeholder,textarea::placeholder{color:#b0acae}textarea{resize:vertical;line-height:1.7}label>small{display:block;color:#a19c9f;font-size:9px;margin-top:5px}input[type=color]{min-height:40px;padding:5px!important}input[type=checkbox]{accent-color:var(--green);width:14px;height:14px;flex-shrink:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:10px}.required{color:#b9957b}.inline-warning{padding:16px;background:#f1eef0;border:1px solid #dcd6da;border-radius:6px;font-size:11px;color:#887b83;line-height:1.7}.loading-text{font-size:12px;color:#979194;padding:25px 0}.ticket-dialog,.create-dialog{border:1px solid #e1dfe0;border-radius:14px;padding:0;background:#fff;box-shadow:0 30px 100px #2c252940;width:min(1040px,94vw);max-height:91vh;color:var(--ink)}dialog::backdrop{background:#142c286b;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding:27px 30px;border-bottom:1px solid var(--line)}.dialog-heading .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:10px}.dialog-heading h2{font-size:23px;font-weight:550;line-height:1.35}.dialog-heading p{font-size:10px;color:#9a9497;margin-top:7px}.dialog-heading>.icon-button{flex-shrink:0}.heading-separator{margin:0 7px;color:#c3bfc1}.dialog-loading{padding:60px;text-align:center;color:#9d969a}.create-body{display:grid;grid-template-columns:1.2fr 1fr}.form-column{padding:26px 30px}.reference-column{border-left:1px solid var(--line);background:#fafafa;padding:25px;min-width:0}.reference-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px}.reference-heading>svg{color:#948d91}.reference-heading h3{font-size:12px;margin-bottom:6px}.reference-heading p{font-size:10px;color:#a59fa2}.source-indicator{display:flex;align-items:center;gap:5px;font-size:9px;color:#9d979b;margin-bottom:12px}.source-indicator i{width:5px;height:5px;background:#978d93;border-radius:50%}.source-indicator.stale{color:#9a8a93}.source-indicator.stale i{background:#9a8a93}.compact{max-width:none}.picker-tabs{display:flex;gap:20px;border-bottom:1px solid #e3dfe1;margin-top:10px}.picker-tabs button{font-size:10px;color:#a29c9f;padding:12px 0;border-bottom:2px solid transparent}.picker-tabs button.active{color:#675c62;border-color:#92888e}.reference-list{max-height:325px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8d5d7 transparent;margin-top:7px}.reference-list label{display:flex;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:400;color:#8c868a;cursor:pointer;padding:9px 3px}.reference-list label:hover{background:#efecee}.reference-category>label{font-size:10px;color:#675d63;font-weight:600;padding:13px 3px 10px}.reference-list label>span{min-width:0;overflow-wrap:anywhere;line-height:1.5}.reference-list label small{display:block;font-size:9px;color:#a49ea2;font-weight:400}.reference-list label em{font-style:normal;margin-left:auto;font-size:9px;color:#a59fa3}.reference-list .reference-product{padding-left:20px;border-left:1px solid #e6e3e5;margin-left:10px;font-size:9px}.reference-product[hidden],.reference-category[hidden],.user-reference[hidden],.reference-list[hidden]{display:none}.user-reference{padding:12px 4px!important}.selection-total{border-top:1px solid #e3dfe1;padding:13px 0 0;margin-top:10px;font-size:10px;color:#948c91}.snapshot-note{display:flex;gap:8px;font-size:9px;color:#a59fa2;line-height:1.7;border-top:1px solid #e3dfe1;margin-top:15px;padding-top:18px}.snapshot-note svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}.upload-zone{display:flex;gap:12px;align-items:center;border:1px dashed #d8d3d6;border-radius:7px;padding:16px;color:#978f94;position:relative;background:#f9f9f9;cursor:pointer;margin-bottom:9px}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.upload-zone strong{display:block;font-size:10px;font-weight:500}.upload-zone small{display:block;font-size:8px;color:#a6a0a3;margin-top:3px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 30px;background:#fff}.dialog-footer>span{font-size:10px;color:#9b9598;max-width:55%;line-height:1.6}.dialog-footer>div{display:flex;gap:9px;flex-shrink:0}.ticket-detail-body{display:grid;grid-template-columns:1.2fr 1fr}.detail-main{padding:25px 30px;min-width:0}.detail-topline{display:flex;gap:16px;align-items:center;margin-bottom:29px}.detail-topline .subtle-link{margin-left:auto}.detail-topline .status-badge{font-size:9px}.ticket-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.95;color:#827c80}.ticket-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;color:#9e989b}.ticket-meta strong{display:block;color:#746c71;font-size:11px;font-weight:500;margin-top:7px}.ticket-meta small{display:block;font-size:8px;color:#a29ca0;margin-top:4px}.ticket-meta label{grid-column:1/-1;margin:0}.ticket-meta select{font-size:11px}.detail-section{margin-top:27px}.detail-section>.section-heading{margin-bottom:15px}.detail-section h3{font-size:12px}.detail-section .subtle-link{font-size:9px}.saved-references{display:flex;flex-direction:column;gap:8px}.saved-references>div{border:1px solid #e5e1e3;border-radius:6px;display:flex;align-items:flex-start;gap:9px;padding:10px;color:#a19a9e}.saved-references svg{width:15px;height:15px;margin-top:2px}.saved-references strong{display:block;font-size:10px;font-weight:500;line-height:1.5;color:#827a7f}.saved-references small{display:block;font-size:8px;line-height:1.7;margin-top:4px}.mini{width:23px;height:23px;font-size:8px}.file-list{display:flex;flex-direction:column;gap:9px}.file-card{display:flex;gap:11px;align-items:center;border:1px solid #e5e2e4;border-radius:7px;padding:11px;text-align:left;width:100%;color:#a1999e}.file-card>span{flex:1;min-width:0}.file-card strong{font-size:10px;display:block;font-weight:500;overflow-wrap:anywhere;color:#82797e}.file-card small{display:block;font-size:8px;color:#a9a3a7;margin-top:4px}.file-card svg{width:15px;height:15px}.file-card:hover{background:#f5f4f5}.attachment-label{position:relative;margin:0;cursor:pointer}.attachment-label input{position:absolute;opacity:0;width:100%;inset:0;cursor:pointer}.status-control{display:flex;gap:9px;margin-top:13px}.status-control select{border:1px solid #dedadc;border-radius:6px;flex:1;min-width:0;padding:10px;font-size:11px;color:#867c82}.status-control .button{font-size:10px}.activity-panel{background:#f7f6f7;border-left:1px solid #e4e1e3;padding:25px;min-width:0}.activity-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.activity-heading h3{font-size:12px}.timeline{max-height:420px;overflow:auto;padding-right:8px;margin-bottom:25px;scrollbar-width:thin;scrollbar-color:#d8d5d7 transparent}.timeline-item{display:flex;align-items:flex-start;gap:11px;position:relative;padding:0 0 25px}.timeline-item:before{content:'';position:absolute;left:12px;top:26px;bottom:0;width:1px;background:#e1dcdf}.timeline-item:last-child:before{display:none}.timeline-dot{width:25px;height:25px;border-radius:50%;background:#ece9eb;border:1px solid #e0dcde;display:grid;place-items:center;flex-shrink:0;color:#988e94}.timeline-dot svg{width:12px;height:12px}.timeline-item>div{min-width:0;flex:1}.timeline-item strong{font-size:10px;font-weight:500;color:#7e747a;display:block;margin:3px 0 5px}.timeline-item small{font-size:8px;color:#a7a1a5;display:block}.timeline-item p{font-size:10px;color:#9a9397;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.comment-event p{padding:12px;background:#fff;border:1px solid #e4e1e3;border-radius:0 8px 8px 8px;color:#877f84}.activity-panel form{padding-top:18px;border-top:1px solid #e0dbde}.activity-panel form>label{font-size:10px;margin-bottom:10px;color:#8b8187}.activity-panel textarea{width:100%;background:#fff;border:1px solid #dfd9dc;border-radius:7px;padding:12px;font-size:11px;color:#73676e;margin-bottom:12px}.activity-panel .button{font-size:11px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#d7225e;color:#fff;border:1px solid #5a5056;border-radius:9px;padding:15px 22px;box-shadow:0 5px 25px #25202330;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:min(600px,90vw);font-size:12px;line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#914c3b;border-color:#a46755}
/* Public entrance and staff sign-in */
.welcome-page{min-height:100vh;display:grid;grid-template-columns:1fr 42%;background:#f5f4f5}.welcome{padding:50px 10% 35px 12%;display:flex;flex-direction:column;align-items:flex-start}.welcome-brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-1px;font-weight:600;margin-bottom:90px}.welcome .eyebrow{font-size:9px}.welcome h1{font-family:Georgia,serif;font-size:clamp(38px,4vw,64px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:10px 0 24px;color:#4a4448}.welcome>p{font-size:14px;color:#948e91;max-width:350px;margin-bottom:30px}.welcome>.button{min-width:230px;justify-content:space-between}.demo-portals{width:100%;max-width:400px;border-top:1px solid #dfdcde;margin-top:38px;padding-top:25px}.demo-portals .eyebrow{font-size:8px;margin-bottom:13px}.demo-portals>a{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #e4e1e3;font-size:11px;color:#7d7278}.demo-portals img{width:60px;max-height:30px;object-fit:contain}.demo-portals>a>span:last-child{margin-left:auto}.demo-portals>p{font-size:10px;color:#a7a1a5;margin-top:17px}.welcome footer{font-size:9px;color:#a29b9f;margin-top:auto;padding-top:50px}.welcome footer span{margin-left:15px}.welcome-art{background:#e6e2e4;position:relative;overflow:hidden;min-height:100vh}.art-disc{width:330px;height:330px;position:absolute;left:50%;top:40%;border-radius:50%;background:#bfb6bb;transform:translate(-50%,-50%)}.disc-one{border-radius:50% 50% 0 50%;transform:translate(-75%,-70%) rotate(-35deg);background:#d6bc9f}.disc-two{border-radius:50% 50% 50% 0;transform:translate(-15%,-40%) rotate(35deg);background:#a69ca2}.disc-three{width:180px;height:180px;transform:translate(-65%,25%);background:#e5e0e3;box-shadow:0 0 0 1px #b9afb5}.art-caption{position:absolute;bottom:11%;left:12%;font:32px/1.3 Georgia,serif;letter-spacing:-1px;color:#655c61}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#e7e3e5;padding:45px 10%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story .wordmark{font-size:24px}.login-story h1{font-family:Georgia,serif;font-size:48px;font-weight:400;color:#51484d;line-height:1.15;margin:20px 0}.login-story p{color:#948e92;font-size:13px}.login-story small{color:#978e93;font-size:10px}.login-graphic{display:flex;gap:15px;margin-top:28px;transform:translateX(-10px)}.login-graphic span{font-size:100px;line-height:1;color:#beb5ba}.login-graphic span:nth-child(2){color:#d3b89a;transform:rotate(20deg)}.login-graphic span:nth-child(3){color:#a69ba1;transform:rotate(-15deg)}.login-form-wrap{display:grid;place-items:center;padding:45px;background:#f9f8f9}.login-form-wrap form{width:100%;max-width:350px}.login-form-wrap h2{font-size:25px;letter-spacing:-.8px}.login-form-wrap form>p{color:#a09b9e;font-size:12px;margin:12px 0 30px}.login-form-wrap form>label{font-size:11px;margin-bottom:20px}.login-form-wrap .button{margin-top:9px;justify-content:space-between}.demo-note{font-size:10px;line-height:1.7;color:#9d9499;background:#edeaec;border:1px solid #e0dcde;border-radius:7px;padding:15px;margin-top:20px}.login-form-wrap .subtle-link{display:block;font-size:10px;margin-top:25px;color:#a2999e}.error-page{min-height:100vh;display:grid;place-items:center;padding:30px;text-align:center}.error-page main{max-width:500px}.error-page h1{font-family:Georgia,serif;font-size:35px;font-weight:400;margin:25px 0 15px}.error-page p{color:#9e979b;margin-bottom:25px}
@media(min-width:1500px){#main{padding:44px 55px}.topbar{padding:0 55px}.page-heading h1{font-size:32px}.welcome-banner{min-height:260px}.welcome-banner h2{font-size:39px}.ticket-subject strong{max-width:500px}.metric small{font-size:10px}.metric>div>span{font-size:12px}.ticket-subject strong{font-size:13px}th,td,.date-cell{font-size:11px}.status-badge{font-size:10px}.ticket-ref{font-size:9px}.table-tabs button{font-size:12px}.search-field input{font-size:12px}.filter-group select{font-size:11px}.page-heading p{font-size:13px}.button{font-size:13px}.sidebar{width:260px}.main-layout{margin-left:260px}.section-heading p{font-size:12px}.today{font-size:12px}.sidebar nav button{font-size:13px}.sidebar .wordmark{font-size:21px}}
@media(max-width:1150px){.sidebar{width:215px;padding:25px 15px 15px}.main-layout{margin-left:215px}.wordmark{font-size:17px}#main{padding:28px 25px}.topbar{padding:0 25px}.metrics{gap:10px}.metric{padding:15px 12px}.metric small{font-size:8px}.ticket-subject strong{max-width:230px}.table-tools{flex-wrap:wrap}.search-field{max-width:none}.filter-group{margin-left:auto}.banner-art{width:35%}.art-frame{width:140px;height:140px}.art-frame span{font-size:130px}.floating-ticket{right:-15px;font-size:8px}.company-grid{gap:16px}.company-card{padding:20px}.company-card-top{flex-wrap:wrap}.service-grid{grid-template-columns:repeat(2,1fr)}.company-card .form-actions{flex-wrap:wrap}.welcome-banner{padding:27px}.welcome-banner h2{font-size:32px}.topbar-right{gap:12px}.welcome-brand{margin-bottom:60px}}
@media(max-width:850px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.sidebar .wordmark{font-size:15px;gap:5px}.sidebar .brand-flower{font-size:28px}.main-layout{margin-left:195px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading .eyebrow{font-size:8px}.page-heading>.button{font-size:10px;padding:10px}.metrics{grid-template-columns:repeat(2,1fr)}.metric small{font-size:9px}.welcome-banner{min-height:225px;padding:25px}.welcome-banner h2{font-size:29px}.banner-art{width:30%;opacity:.8}.art-frame{width:100px;height:100px;border-radius:30px}.art-frame span{font-size:95px}.floating-ticket{display:none}.art-spark{right:-8px;top:15px;font-size:30px}.ticket-subject strong{max-width:220px}.bottom-note>span:last-child{display:none}.company-grid{grid-template-columns:1fr}.company-card-top{flex-wrap:nowrap}.create-body,.ticket-detail-body{grid-template-columns:1fr}.reference-column,.activity-panel{border-left:0;border-top:1px solid var(--line)}.reference-list{max-height:240px}.snapshot-note{margin-top:8px;padding-top:12px}.create-body .form-column{padding-bottom:10px}.activity-panel .timeline{max-height:300px}.welcome-page{grid-template-columns:1fr 34%}.welcome{padding:35px 8% 30px 9%}.welcome h1{font-size:41px}.art-disc{width:230px;height:230px}.disc-three{width:120px;height:120px}.art-caption{font-size:25px}.login-story{padding:35px 10%}.login-story h1{font-size:37px}.login-graphic{gap:7px}.login-graphic span{font-size:65px}.login-form-wrap{padding:35px}}
@media(max-width:640px){.sidebar{transform:translateX(-100%);width:244px;transition:transform .2s;box-shadow:15px 0 40px #27222520}.sidebar.mobile-open{transform:translateX(0)}.sidebar .wordmark{font-size:20px}.sidebar .brand-flower{font-size:36px}.main-layout{margin-left:0}.mobile-only{display:inline-flex}.topbar{height:61px;padding:0 17px;gap:10px}.breadcrumbs{margin-right:auto;font-size:10px;gap:10px}.topbar-right .today,.topbar-divider{display:none}#main{padding:25px 17px 15px}.page-heading{gap:10px;margin-bottom:22px;align-items:flex-start}.page-heading .eyebrow{font-size:7px;letter-spacing:.9px;max-width:210px;line-height:1.6;margin-bottom:8px}.page-heading h1{font-size:23px;max-width:260px}.page-heading p{font-size:10px;max-width:230px;line-height:1.7}.page-heading>.button{margin-top:25px;padding:10px;font-size:9px;gap:5px;min-height:36px}.page-heading>.button svg{width:13px;height:13px}.welcome-banner{min-height:220px;padding:23px 22px;margin-bottom:18px}.welcome-banner h2{font-size:30px}.banner-tag{font-size:7px;letter-spacing:.8px}.welcome-banner p{font-size:10px;max-width:210px}.banner-art{width:75px;position:absolute;right:15px;top:45px;height:130px;opacity:.65}.art-frame{width:75px;height:75px;border-radius:22px;box-shadow:5px 6px 0 #ddd7da66}.art-frame span{font-size:74px;margin-top:-4px}.art-spark{top:0;right:-5px;font-size:25px}.metrics{gap:10px;margin-bottom:20px}.metric{padding:15px}.metric>strong{font-size:29px}.metric>div>span{font-size:10px}.metric small{font-size:8px}.ticket-section>.section-heading{padding:20px 15px 15px}.section-heading h2{font-size:14px}.section-heading p{font-size:9px}.table-tabs{padding:0 15px;gap:20px;overflow:auto}.table-tabs button{font-size:9px}.table-tools{padding:15px;gap:10px}.search-field{min-width:100%;max-width:none}.search-field input{font-size:11px}.filter-group{width:100%;margin:0}.filter-group select{flex:1;min-width:0;max-width:none;font-size:9px}.ticket-subject strong{max-width:235px}.ticket-subject{max-width:240px}th,td{padding:12px 15px}th:first-child,td:first-child{padding-left:15px}.pagination{font-size:8px;padding:13px 15px}.bottom-note{font-size:8px;line-height:1.6}.workspace-footer{padding:15px 17px 22px;gap:15px;font-size:7px}.workspace-footer span:first-child{max-width:160px}.ticket-dialog,.create-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.dialog-heading{padding:23px 20px}.dialog-heading h2{font-size:21px}.dialog-heading .eyebrow{font-size:8px;line-height:1.6}.dialog-heading p{font-size:9px}.form-column{padding:23px 20px}.reference-column{padding:23px 20px}.form-row{gap:12px}.dialog-footer{padding:16px 20px;position:sticky;bottom:0;gap:12px;align-items:flex-start;box-shadow:0 -3px 12px #2c262a10}.dialog-footer>span{font-size:9px;max-width:45%}.dialog-footer .button{padding:10px;font-size:10px}.dialog-footer>div{gap:6px}.detail-main{padding:23px 20px}.activity-panel{padding:23px 20px}.detail-topline{gap:10px}.detail-topline .subtle-link{font-size:10px}.detail-topline .status-badge{font-size:8px}.ticket-description{font-size:12px}.company-card{padding:20px}.company-card-logo{max-width:155px}.portal-enabled{font-size:8px}.company-card h2{font-size:18px}.service-grid{gap:10px}.service-card{padding:17px}.service-card strong{font-size:12px}.service-card span{font-size:10px}.catalogue-summary{gap:13px;font-size:10px}.catalogue-summary .source-indicator{margin-left:0}.catalogue-card{padding:20px}.welcome-page{display:block}.welcome{min-height:100dvh;padding:30px 27px}.welcome-brand{font-size:21px;margin-bottom:65px}.welcome h1{font-size:46px}.welcome>p{font-size:13px}.welcome-art{display:none}.welcome footer{padding-top:35px}.demo-portals{max-width:none}.login-layout{grid-template-columns:1fr}.login-story{padding:24px 25px;background:#e7e3e5}.login-story .wordmark{font-size:21px}.login-story>div{display:none}.login-story>small{display:none}.login-form-wrap{min-height:calc(100dvh - 91px);padding:35px 25px}.login-form-wrap h2{font-size:25px}.error-page h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.company-card-logo{background:#811b42;padding:9px 12px;border-radius:7px}.demo-portals img{background:#811b42;border-radius:4px;padding:5px;max-height:40px}.connection-details form{margin-top:18px}.code-input{font-family:ui-monospace,monospace!important;font-size:10px!important;line-height:1.6}.reference-thumbnail{width:27px;height:27px;object-fit:contain;margin-right:8px;border-radius:4px;background:#fff;vertical-align:middle}
@media(min-width:851px) and (max-width:1499px){.ticket-subject strong{font-size:12px}.ticket-ref{font-size:9px}.status-badge{font-size:9px}.priority,.date-cell{font-size:10px}.table-tabs button{font-size:11px}.search-field input{font-size:11px}.filter-group select{font-size:10px}.pagination{font-size:10px}}