.auth-tabs{gap:18px}.new-company{margin:25px 0;font-size:12px;border-top:1px solid var(--line);padding-top:16px}.new-company summary{cursor:pointer;min-height:44px;padding:10px 0}.company-welcome{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px;border-radius:14px;background:#e2eadd;border:1px solid #d1ddc8;margin-bottom:24px}.company-welcome h2{font-size:23px}.company-welcome p{max-width:560px;margin-top:6px;font-size:13px}.quick-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.quick-links a,.quick-links button{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 18px;background:var(--white);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--green)}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-card{border-radius:13px;border:1px solid var(--line);overflow:hidden;background:var(--white)}.media-card img{display:block;width:100%;height:170px;object-fit:cover;background:var(--soft)}.media-card .media-info{padding:12px}.media-info strong{display:block;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-info small{display:block;color:var(--muted);font-size:11px}.media-info .mini-actions{margin-top:9px}.media-info button,.media-info a{font-size:11px;padding:7px 10px;min-height:38px;border-radius:7px;background:var(--soft);color:var(--green)}.upload-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px dashed #a7bfa4;border-radius:13px;background:#eaf0e5;margin-bottom:22px}.upload-zone p{font-size:12px;max-width:450px}.upload-zone input{max-width:280px;background:var(--white);font-size:12px}.photo-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:240px;overflow:auto;margin-top:10px}.photo-picker label{margin:0;position:relative;display:block;cursor:pointer}.photo-picker img{width:100%;height:85px;object-fit:cover;border-radius:8px;border:2px solid transparent}.photo-picker input{position:absolute;top:7px;right:7px;background:white;width:18px;min-height:18px}.photo-picker label:has(input:checked) img{border-color:var(--green);box-shadow:0 0 0 2px #184e4520}.conversation{display:flex;flex-direction:column;gap:14px;margin:18px 0;max-height:420px;overflow:auto;padding:2px}.conversation-message{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#f4f5ef;margin-left:28px}.conversation-message.central{background:#e6eee1;border-color:#cadac1;margin-left:0;margin-right:28px}.conversation-message header{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:9px;color:var(--muted)}.conversation-message p{color:var(--ink);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.message-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.message-images img{width:90px;height:76px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.message-images a{display:inline-flex}.request-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:12px 0}.request-meta span{padding:4px 9px;background:var(--soft);border-radius:6px}.thread-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.thread-actions button{background:var(--soft);color:var(--green);border-radius:8px;padding:7px 12px;min-height:40px;font-size:12px}.thread-reply{border-top:1px solid var(--line);padding-top:12px}.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.set-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px}.set-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.set-products{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.set-products span{background:var(--soft);padding:4px 9px;border-radius:6px;font-size:11px}.set-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;gap:10px;border-bottom:1px solid var(--line);font-size:12px}.set-row:last-child{border:0}.set-row a,.set-row button{background:var(--soft);color:var(--green);border-radius:7px;padding:7px 10px;font-size:11px;min-height:38px}.set-card h4{font-size:13px;margin:18px 0 7px}.subscription-plan{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}.subscription-plan strong{font-size:30px;display:block}.subscription-plan small{color:var(--muted)}.notification-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.notification-row:last-child{border:0}.notification-row>div{flex:1}.notification-row strong{font-size:13px;display:block}.notification-row small{font-size:11px;color:var(--muted)}.notification-row button{min-height:40px;background:var(--soft);color:var(--green);padding:8px 12px;border-radius:8px}.unread-dot{width:8px;height:8px;border-radius:50%;background:#ab654a}.notification-row.read .unread-dot{background:var(--line)}#companyAccessNotice{margin-bottom:20px}#companyUserLabel{margin-right:auto;font-size:11px;color:var(--muted)}#notificationCount:not(:empty){display:inline-grid;place-items:center;background:#d9e5d4;border-radius:50%;min-width:20px;height:20px;font-size:10px}.danger-text{color:var(--error)}.studio-page{min-height:100svh;display:flex;flex-direction:column}.studio-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 24px;background:var(--white);border-bottom:1px solid var(--line)}.studio-header h1{font-size:20px}.studio-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.studio-tools button{min-height:42px;border-radius:8px;padding:9px 14px;background:var(--soft);color:var(--green)}.studio-layout{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;min-height:600px}.studio-properties{padding:20px;border-left:1px solid var(--line);background:var(--white)}.studio-properties label{margin:12px 0}.studio-properties .primary{width:100%;margin-top:10px}.studio-stage{position:relative;min-height:550px;overflow:hidden}.studio-stage canvas{display:block;touch-action:none}.studio-hint{position:absolute;bottom:16px;left:16px;right:16px;pointer-events:none;border-radius:10px;padding:10px 15px;background:#fffefaeb;color:var(--muted);font-size:12px}.studio-properties .message{font-size:12px}.dimension-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dimension-fields label{font-size:11px}.dimension-fields input{padding:8px}
@media(max-width:1150px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.set-grid{grid-template-columns:1fr}}
@media(max-width:720px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card img{height:130px}.upload-zone{flex-direction:column;align-items:stretch;gap:12px;padding:17px}.upload-zone input{max-width:none}.company-welcome{padding:18px;align-items:flex-start;flex-direction:column;gap:12px}.company-welcome h2{font-size:20px}.photo-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.conversation-message{margin-left:12px}.conversation-message.central{margin-right:12px}#companyUserLabel{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{flex-wrap:wrap}.topbar>div{flex:1;min-width:140px}#notificationLink{font-size:10px;padding:7px 9px}.studio-header{padding:14px 16px;flex-wrap:wrap}.studio-layout{display:flex;flex-direction:column-reverse}.studio-stage{height:52svh;min-height:360px}.studio-properties{border-left:0;border-top:1px solid var(--line);padding:16px}.studio-hint{font-size:10px;padding:7px;bottom:8px}.studio-tools{gap:5px}.studio-tools button{font-size:11px;padding:8px 10px}}

.metrics-chart{overflow-x:auto;justify-content:flex-start;direction:ltr;gap:12px}.metrics-chart .chart-column{min-width:38px;flex:1}.metrics-chart .chart-column b{font-size:10px}.metric-bytes{font-size:22px!important}
.studio-properties .message{color:var(--green)}.studio-properties .message.studio-error{color:var(--error)}
