/* Metiorys Care Client 3.0 — theme-first client experience */
:root{--mcc-v30-accent:#4865ff;--mcc-v30-accent-2:#3050e8;--mcc-v30-bg:#f5f7fb;--mcc-v30-card:#fff;--mcc-v30-text:#162033;--mcc-v30-muted:#667085;--mcc-v30-line:#e4e9f1;--mcc-v30-good:#18a56f;--mcc-v30-watch:#d58a14;--mcc-v30-critical:#d9424e;--mcc-v30-radius:18px;--mcc-v30-shadow:0 16px 40px rgba(31,48,79,.08)}
.mcc-v30-portal{font-family:inherit;color:var(--mcc-v30-text);max-width:1500px;margin:28px auto;padding:0 20px;box-sizing:border-box}.mcc-v30-portal *{box-sizing:border-box}.mcc-v30-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#0e1a33,#17284b);color:#fff;box-shadow:0 20px 50px rgba(9,20,45,.16);position:relative;overflow:hidden}.mcc-v30-hero:after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(86,113,255,.2)}.mcc-v30-hero>div{position:relative;z-index:1}.mcc-v30-hero small,.mcc-v30-card>small{font-size:11px;font-weight:800;letter-spacing:.12em;color:#8793aa}.mcc-v30-hero h1{margin:5px 0 6px;font-size:31px;line-height:1.08;color:#fff}.mcc-v30-hero p{margin:0;color:#c6cede}.mcc-v30-score{text-align:right;min-width:180px}.mcc-v30-score span{display:block;font-size:12px;color:#cbd4e5}.mcc-v30-score strong{font-size:42px;line-height:1.05;display:block}.mcc-v30-score strong em{font-size:14px;font-style:normal;opacity:.7}.mcc-v30-score b{font-size:12px}.mcc-v30-hero.good .mcc-v30-score b{color:#74e2b6}.mcc-v30-hero.watch .mcc-v30-score b{color:#ffd081}.mcc-v30-hero.critical .mcc-v30-score b{color:#ff9aa2}
.mcc-v30-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.mcc-v30-actions>a,.mcc-v30-actions>button{appearance:none;border:1px solid var(--mcc-v30-line);background:var(--mcc-v30-card);border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center;text-align:left;text-decoration:none;color:var(--mcc-v30-text);cursor:pointer;box-shadow:0 5px 18px rgba(25,42,73,.04);font:inherit;min-height:82px}.mcc-v30-actions>a:hover,.mcc-v30-actions>button:hover{border-color:color-mix(in srgb,var(--mcc-v30-accent) 45%,var(--mcc-v30-line));transform:translateY(-1px)}.mcc-v30-actions .primary{background:var(--mcc-v30-accent);color:#fff;border-color:var(--mcc-v30-accent)}.mcc-v30-actions i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;font-style:normal;font-size:18px;color:var(--mcc-v30-accent);flex:0 0 auto}.mcc-v30-actions .primary i{background:rgba(255,255,255,.16);color:#fff}.mcc-v30-actions b,.mcc-v30-actions small{display:block}.mcc-v30-actions b{font-size:14px;margin-bottom:4px}.mcc-v30-actions small{font-size:11px;line-height:1.35;color:var(--mcc-v30-muted)}.mcc-v30-actions .primary small{color:rgba(255,255,255,.78)}
.mcc-v30-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,.7fr);gap:18px;align-items:start}.mcc-v30-grid main,.mcc-v30-grid aside{display:grid;gap:18px}.mcc-v30-card{background:var(--mcc-v30-card);border:1px solid var(--mcc-v30-line);border-radius:var(--mcc-v30-radius);box-shadow:0 8px 28px rgba(27,44,76,.05);padding:20px}.mcc-v30-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.mcc-v30-card>header small{font-size:10px;letter-spacing:.12em;font-weight:800;color:#8b95a8}.mcc-v30-card h2,.mcc-v30-card h3{margin:3px 0 0;color:var(--mcc-v30-text)}.mcc-v30-card h2{font-size:19px}.mcc-v30-card h3{font-size:16px}.mcc-v30-card>header>span:not(.mcc-v30-dot){background:#f1f4fa;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.mcc-v30-card.compact{padding:17px}.mcc-v30-card ul{margin:12px 0 0;padding-left:20px}.mcc-v30-card li{margin:7px 0;color:#526078}
.mcc-v30-ticket-list{display:grid;gap:8px}.mcc-v30-ticket-list>a{display:flex;align-items:center;justify-content:space-between;gap:15px;text-decoration:none;color:inherit;border:1px solid var(--mcc-v30-line);border-radius:13px;padding:13px 14px;background:#fbfcfe}.mcc-v30-ticket-list>a:hover{border-color:#cdd6e6;background:#fff}.mcc-v30-ticket-list b,.mcc-v30-ticket-list small,.mcc-v30-ticket-list span{display:block}.mcc-v30-ticket-list small{font-size:10px;color:#8791a4}.mcc-v30-ticket-list b{font-size:14px;margin:2px 0}.mcc-v30-ticket-list span{font-size:10px;color:#8c96a8}.mcc-v30-ticket-list em,.mcc-v30-ticket-head span{font-style:normal;font-size:10px;font-weight:800;border-radius:999px;padding:6px 9px;white-space:nowrap}.waiting-you{background:#fff1d9;color:#9a6305}.waiting-hub{background:#eaf0ff;color:#3155c6}.in-progress{background:#e9f7f1;color:#18785a}.resolved{background:#eef1f5;color:#657083}.mcc-v30-empty{padding:25px;text-align:center;border:1px dashed #d6dce7;border-radius:14px;background:#fafbfc;color:#6d788b}.mcc-v30-empty b,.mcc-v30-empty span{display:block}.mcc-v30-empty span{font-size:12px;margin-top:5px}
.mcc-v30-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.mcc-v30-type-grid label{position:relative;border:1px solid var(--mcc-v30-line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:9px;cursor:pointer;background:#fbfcfe}.mcc-v30-type-grid input{position:absolute;opacity:0}.mcc-v30-type-grid label:has(input:checked){border-color:var(--mcc-v30-accent);box-shadow:inset 0 0 0 1px var(--mcc-v30-accent);background:#f6f8ff}.mcc-v30-card form>label{display:block;font-size:12px;font-weight:700;margin:12px 0;color:#43506a}.mcc-v30-card input[type=text],.mcc-v30-card input:not([type]),.mcc-v30-card textarea{width:100%;border:1px solid #d5dce8;border-radius:12px;padding:11px 12px;margin-top:6px;background:#fff;font:inherit;color:#1c2740}.mcc-v30-card textarea{resize:vertical}.mcc-v30-primary,.mcc-v30-secondary{appearance:none;border:0;border-radius:11px;padding:11px 15px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.mcc-v30-primary{background:var(--mcc-v30-accent);color:#fff}.mcc-v30-primary:hover{background:var(--mcc-v30-accent-2)}.mcc-v30-secondary{border:1px solid var(--mcc-v30-line);background:#fff;color:#44516a;width:100%;margin-top:12px}
.mcc-v30-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 5px #f1f3f7}.mcc-v30-dot.good{background:var(--mcc-v30-good)}.mcc-v30-dot.watch{background:var(--mcc-v30-watch)}.mcc-v30-dot.critical{background:var(--mcc-v30-critical)}.mcc-v30-learning{padding:10px 12px;border-radius:10px;background:#f2f5ff;color:#445ea8;font-size:11px}.mcc-v30-findings{display:grid;gap:8px}.mcc-v30-findings>div{border-left:3px solid #c6cfdd;padding:8px 10px;background:#fafbfc;border-radius:7px}.mcc-v30-findings>div.red{border-color:var(--mcc-v30-critical)}.mcc-v30-findings>div.orange{border-color:var(--mcc-v30-watch)}.mcc-v30-findings>div.green{border-color:var(--mcc-v30-good)}.mcc-v30-findings b,.mcc-v30-findings small{display:block}.mcc-v30-findings b{font-size:12px}.mcc-v30-findings small{font-size:10px;color:#748095;margin-top:2px;line-height:1.4}
.mcc-v30-ticket-head{display:flex;align-items:center;gap:18px;margin-bottom:16px;background:#fff;border:1px solid var(--mcc-v30-line);border-radius:18px;padding:18px 20px}.mcc-v30-ticket-head>a{text-decoration:none;color:#69768c;font-size:12px}.mcc-v30-ticket-head>div:nth-child(2){flex:1}.mcc-v30-ticket-head small{font-size:10px;color:#7d889a}.mcc-v30-ticket-head h1{font-size:22px;margin:3px 0 7px}.mcc-v30-ticket-head .mini-health{text-align:right}.mcc-v30-ticket-head .mini-health small,.mcc-v30-ticket-head .mini-health strong{display:block}.mcc-v30-ticket-head .mini-health strong{font-size:18px}.mcc-v30-ticket-grid{display:grid;grid-template-columns:minmax(0,1.8fr) 320px;gap:18px;align-items:start}.mcc-v30-ticket-grid aside{display:grid;gap:18px}.mcc-v30-card.thread{padding:0;overflow:hidden}.mcc-v30-card.thread>header{padding:18px 20px 0}.mcc-v30-thread{padding:2px 18px 18px;display:grid;gap:11px;max-height:680px;overflow:auto;background:linear-gradient(#fff,#fbfcff)}.mcc-v30-thread article{max-width:86%;border:1px solid var(--mcc-v30-line);border-radius:15px;padding:12px 14px;background:#fff}.mcc-v30-thread article.client{margin-left:auto;background:#f2f5ff;border-color:#dce4ff}.mcc-v30-thread article>header{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.mcc-v30-thread article>header b{font-size:11px}.mcc-v30-thread article>header small{font-size:9px;color:#8b95a5}.mcc-v30-thread .body{font-size:13px;line-height:1.5}.mcc-v30-reply{padding:14px 18px;border-top:1px solid var(--mcc-v30-line);background:#fff;display:flex;gap:10px;align-items:flex-end}.mcc-v30-reply textarea{margin:0!important;min-height:62px}.mcc-v30-reply button{min-width:100px;margin-bottom:1px}.mcc-v30-action-card{border:1px solid #d9e1f0;border-radius:13px;padding:14px;background:#f8faff}.mcc-v30-action-card>span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#4660b8}.mcc-v30-action-card p{font-size:12px}.mcc-v30-action-card small{font-size:10px;color:#69758a}
.mcc-v30-quote{border:1px solid #dbe2ef;border-radius:14px;overflow:hidden;background:#fff}.mcc-v30-quote>header{padding:13px 14px;display:flex;justify-content:space-between;gap:15px;background:#f8faff}.mcc-v30-quote>header span,.mcc-v30-quote>header b{display:block;font-size:9px}.mcc-v30-quote>header h3{margin:3px 0 0;font-size:15px}.mcc-v30-quote>header>strong{font-size:15px;white-space:nowrap}.mcc-v30-quote .lines{padding:5px 12px}.mcc-v30-quote .lines>div{display:flex;justify-content:space-between;gap:12px;padding:9px 3px;border-bottom:1px solid #eef1f5}.mcc-v30-quote .lines span small,.mcc-v30-quote .lines span b{display:block}.mcc-v30-quote .lines small{font-size:9px;color:#8993a5}.mcc-v30-quote .lines b,.mcc-v30-quote .lines em{font-size:11px}.mcc-v30-quote .lines em{font-style:normal}.mcc-v30-quote>footer{padding:10px 14px;display:flex;gap:16px;justify-content:flex-end;background:#fbfcfe}.mcc-v30-quote>footer span{font-size:10px}.mcc-v30-quote .decisions{display:flex;gap:7px;padding:11px 14px;border-top:1px solid #edf0f5}.mcc-v30-quote .decisions form{margin:0}.mcc-v30-quote .decisions button{border:1px solid #d6dce7;border-radius:9px;padding:7px 10px;background:#fff;font-size:10px;font-weight:800;cursor:pointer}.mcc-v30-quote .decisions .accepted{background:#e9f7f1;border-color:#bde6d4;color:#167253}.mcc-v30-quote .decisions .refused{color:#b83945;border-color:#efc9ce}
/* DISK&CO / host integration: one compact card, host identity remains dominant. */
.mcc-v30-host-summary{--mcc-v30-host-accent:var(--mcc-v30-accent);border:1px solid color-mix(in srgb,var(--mcc-v30-host-accent) 22%,#dfe5ee);border-radius:16px;background:linear-gradient(120deg,#fff,#f8faff);padding:15px 17px;margin:0 0 14px;display:flex;align-items:center;gap:14px;box-shadow:0 7px 22px rgba(29,46,78,.05);font-family:inherit}.mcc-v30-host-summary .score{width:58px;height:58px;border-radius:16px;background:var(--mcc-v30-host-accent);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;flex:0 0 auto}.mcc-v30-host-summary .copy{flex:1}.mcc-v30-host-summary .copy small,.mcc-v30-host-summary .copy b,.mcc-v30-host-summary .copy span{display:block}.mcc-v30-host-summary .copy small{font-size:9px;font-weight:900;letter-spacing:.09em;color:#7f8a9e}.mcc-v30-host-summary .copy b{font-size:14px;margin:2px 0}.mcc-v30-host-summary .copy span{font-size:10px;color:#7a8599}.mcc-v30-host-summary button{border:1px solid #d7deea;background:#fff;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}
.mcc-v30-toast{position:fixed;right:22px;bottom:22px;z-index:999999;background:#172238;color:#fff;padding:11px 14px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:12px}
@media(max-width:1000px){.mcc-v30-actions{grid-template-columns:repeat(2,1fr)}.mcc-v30-grid,.mcc-v30-ticket-grid{grid-template-columns:1fr}.mcc-v30-ticket-grid aside{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.mcc-v30-portal{padding:0 11px;margin:14px auto}.mcc-v30-hero{padding:20px;align-items:flex-start}.mcc-v30-hero h1{font-size:24px}.mcc-v30-score{min-width:auto}.mcc-v30-score strong{font-size:30px}.mcc-v30-actions{grid-template-columns:1fr 1fr;gap:9px}.mcc-v30-actions>a,.mcc-v30-actions>button{min-height:72px;padding:12px}.mcc-v30-actions small{display:none}.mcc-v30-type-grid{grid-template-columns:1fr}.mcc-v30-card{padding:15px}.mcc-v30-ticket-head{align-items:flex-start;flex-wrap:wrap}.mcc-v30-ticket-head>div:nth-child(2){order:3;flex-basis:100%}.mcc-v30-ticket-grid aside{grid-template-columns:1fr}.mcc-v30-thread article{max-width:94%}.mcc-v30-reply{flex-direction:column;align-items:stretch}.mcc-v30-reply button{width:100%}.mcc-v30-host-summary{align-items:flex-start;flex-wrap:wrap}.mcc-v30-host-summary button{margin-left:72px}}