:root {
    color-scheme: light;
    --ink: #17202a;
    --muted: #5f6b7a;
    --line: #dce3ea;
    --paper: #ffffff;
    --soft: #f4f7f8;
    --brand: #0f766e;
    --brand-dark: #123f3c;
    --accent: #d99f2b;
    --shadow: 0 18px 45px rgba(20, 42, 56, .12);
}

/* Alican profesyonel TTS avatarı */
.urgent-alien-visitor.entering{animation:alicanPanelIn .65s cubic-bezier(.2,.85,.2,1) both}.urgent-alien-visitor.show.leaving{opacity:0;transform:translate(-50%,-47%) scale(.9);filter:blur(7px);pointer-events:none;transition:opacity .5s ease,transform .5s ease,filter .5s ease}.urgent-alien-visitor>.urgent-sound-toggle{right:52px;font-size:.92rem}
.alican-assistant{opacity:1;transform:translateY(0) scale(1);transform-origin:85% 100%;transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1),filter .5s ease}.alican-assistant.entering{animation:alicanAssistantIn .6s cubic-bezier(.2,.85,.2,1) both}.alican-assistant.leaving{opacity:0;transform:translateY(12px) scale(.9);filter:blur(6px);pointer-events:none}.alican-avatar-stage{animation:none}.alican-avatar-stage .alican-code-avatar{position:absolute;top:-55px;left:-20px;transform:scale(.7);transform-origin:center;animation:none}
.alican-code-avatar .urgent-alien-head{width:132px;height:150px;background:radial-gradient(circle at 48% 34%,#ffe1c8 0 23%,#e7aa81 58%,#9b5f4c 100%);border-radius:45% 45% 48% 48%/40% 40% 57% 57%;box-shadow:inset -10px -16px 25px #783f3545,0 0 28px #22d3ee88}.alican-code-avatar .urgent-alien-eye{top:61px;width:19px;height:13px;background:radial-gradient(circle at 50% 55%,#020617 0 20%,#0e7490 22% 42%,#f8fafc 45% 100%)}.alican-code-avatar .urgent-alien-mouth{bottom:24px;width:34px;height:8px;background:linear-gradient(#7f1d1d,#3f0d14);border-bottom:2px solid #fda4af}
.alican-eyebrow{position:absolute;z-index:5;top:48px;width:24px;height:5px;border-radius:80% 80% 20% 20%;background:#3f251f;transform-origin:center}.alican-eyebrow.left{left:23px;transform:rotate(-5deg)}.alican-eyebrow.right{right:23px;transform:rotate(5deg)}.urgent-alien-nose{position:absolute;z-index:4;left:50%;top:75px;width:12px;height:19px;border-right:3px solid rgba(122,72,56,.42);border-bottom:2px solid rgba(122,72,56,.3);border-radius:45%;transform:translateX(-50%) rotate(5deg)}
.alican-assistant.speaking .urgent-alien-mouth,.urgent-alien-visitor.speaking .urgent-alien-mouth{animation:none;transition:width .09s ease,height .09s ease,border-radius .09s ease,transform .09s ease}.alican-assistant.speaking .alican-eyebrow,.urgent-alien-visitor.speaking .alican-eyebrow{animation:alicanCodeBrow .8s ease-in-out infinite alternate}.alican-assistant.speaking .alican-code-avatar,.urgent-alien-visitor.speaking .alican-code-avatar{animation:alicanCodeGesture 4.6s ease-in-out infinite}.alican-code-avatar .urgent-coder-code,.alican-code-avatar .urgent-coder-laptop b{display:none}
[data-viseme="rest"] .urgent-alien-mouth{width:32px;height:6px;border-radius:50%}[data-viseme="M"] .urgent-alien-mouth{width:31px;height:4px;border-radius:50%}[data-viseme="F"] .urgent-alien-mouth{width:29px;height:7px;border-radius:45% 45% 55% 55%;transform:translateX(-50%) skewX(-4deg)}[data-viseme="A"] .urgent-alien-mouth{width:28px;height:20px;border-radius:46% 46% 52% 52%}[data-viseme="O"] .urgent-alien-mouth{width:18px;height:22px;border-radius:50%}[data-viseme="I"] .urgent-alien-mouth{width:38px;height:10px;border-radius:45%}[data-viseme="S"] .urgent-alien-mouth{width:35px;height:7px;border-radius:42%}[data-viseme="N"] .urgent-alien-mouth{width:30px;height:12px;border-radius:48%}
.alican-assistant-actions [data-tts-toggle]{background:#164e63;font-size:.92rem}.urgent-alien-visitor>.alican-code-avatar{margin:auto}
@keyframes alicanCodeBrow{to{translate:0 -4px;rotate:4deg}}@keyframes alicanCodeGesture{0%,100%{translate:0 0;rotate:-.5deg}32%{translate:0 -3px;rotate:.5deg}68%{translate:1px -1px;rotate:-.4deg}}@keyframes alicanAssistantIn{from{opacity:0;transform:translateY(18px) scale(.86);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes alicanPanelIn{from{opacity:0;transform:translate(-50%,-44%) scale(.78);filter:blur(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}
@media(max-width:560px){.urgent-alien-visitor.show.leaving{opacity:0!important;transform:translate(-50%,-47%) scale(.9)!important}.alican-avatar-stage .alican-code-avatar{top:-82px;left:-50px;transform:scale(.56)}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--ink);
    background: var(--paper);
    line-height: 1.6;
    overflow-x: hidden;
}

img, iframe { max-width: 100%; }
a { color: inherit; text-decoration: none; }
p { color: var(--muted); margin: 0; }
h1, h2, h3 { margin: 0; line-height: 1.12; letter-spacing: 0; }
h1 { font-size: clamp(2.25rem, 5vw, 4.8rem); max-width: 980px; }
h2 { font-size: clamp(1.9rem, 3vw, 3rem); }
h3 { font-size: 1.18rem; }

.skip-link {
    position: absolute;
    left: 16px;
    top: -80px;
    z-index: 1000;
    background: var(--ink);
    color: #fff;
    padding: 10px 14px;
    border-radius: 6px;
}
.skip-link:focus { top: 16px; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid rgba(220,227,234,.8);
    backdrop-filter: blur(16px);
}
.nav-shell {
    width: min(1180px, calc(100% - 32px));
    height: 78px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 220px; }
.brand img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    padding: 5px;
}
.brand strong { display: block; font-size: 1rem; color: var(--ink); }
.brand small { display: block; color: var(--brand); font-weight: 700; font-size: .78rem; }
.main-menu {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.main-menu a {
    display: block;
    padding: 10px 13px;
    border-radius: 6px;
    color: #334155;
    font-weight: 700;
    font-size: .92rem;
}
.main-menu a:hover { background: var(--soft); color: var(--brand); }
.main-menu .admin-nav-link {
    background: var(--brand);
    color: #fff;
}
.main-menu .admin-nav-link:hover {
    background: var(--brand-dark);
    color: #fff;
}
.menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 6px;
}
.menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--ink);
    margin: 5px auto;
}

.hero {
    position: relative;
    min-height: 760px;
    display: grid;
    align-items: center;
    isolation: isolate;
    overflow: hidden;
}
.hero-media {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: url('../assets/images/hero.png') center/cover no-repeat;
}
.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(9,28,37,.92), rgba(16,62,65,.72) 48%, rgba(16,62,65,.25));
}
.hero-content {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 86px 0 70px;
    color: #fff;
}
.hero-copy {
    color: #dbe7e8;
    max-width: 710px;
    margin-top: 22px;
    font-size: 1.15rem;
}
.eyebrow {
    color: var(--accent);
    text-transform: uppercase;
    font-size: .78rem;
    letter-spacing: .08em;
    font-weight: 800;
    margin-bottom: 12px;
}
.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 20px;
    border-radius: 6px;
    font-weight: 800;
    border: 1px solid transparent;
}
.btn.primary { background: #f59e0b; border-color: #d97706; color: #111827; box-shadow: 0 3px 9px rgba(217,119,6,.28); }
.btn.secondary { background: #2563eb; color: #fff; border-color: #1d4ed8; box-shadow: 0 3px 9px rgba(37,99,235,.24); }
.btn.danger { background: #dc2626; color: #fff; }
.btn:not(:disabled):hover { filter: brightness(1.08) saturate(1.12); transform: translateY(-1px); }
.btn:disabled, .btn[aria-disabled="true"] { opacity: .46; filter: grayscale(.35); cursor: not-allowed; box-shadow: none; }

.formula-photo-reader { display:flex; flex-wrap:wrap; gap:9px 12px; align-items:center; margin:10px 0 14px; padding:11px; border:1px solid #93c5fd; border-radius:10px; background:#eff6ff; }
.formula-photo-reader .camera-button { position:relative; background:#059669; border-color:#047857; color:#fff; cursor:pointer; }
.formula-photo-reader input[type="file"] { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.formula-photo-reader span { color:#334155; font-size:.78rem; font-weight:800; }
.camera-upload-field { padding:9px; border:1px solid #6ee7b7; border-radius:8px; background:#ecfdf5; color:#065f46 !important; }
.camera-upload-field input { background:#fff; }
.phone-spectro { margin:14px 0; border:1px solid #7dd3fc; background:linear-gradient(135deg,#f0f9ff,#eef2ff); }
.phone-spectro summary { display:flex; justify-content:space-between; gap:12px; padding:14px; cursor:pointer; list-style:none; }
.phone-spectro summary span { color:#0369a1; font-weight:800; }
.phone-spectro summary strong { color:#172554; }
.phone-spectro-body { padding:0 14px 14px; }
.phone-spectro-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.phone-spectro-actions .btn { min-height:38px; padding:8px 12px; }
.phone-spectro-stage { display:grid; grid-template-columns:minmax(240px,1fr) minmax(280px,1fr); gap:12px; }
.spectro-camera-wrap { position:relative; min-height:260px; overflow:hidden; border-radius:12px; background:#111827; }
.spectro-camera-wrap video { width:100%; height:100%; min-height:260px; object-fit:cover; }
.spectro-camera-wrap i { position:absolute; left:50%; top:50%; width:72px; height:72px; transform:translate(-50%,-50%); border:3px solid #fff; border-radius:50%; box-shadow:0 0 0 999px #0003; }
.spectro-camera-wrap span { position:absolute; left:12px; right:12px; bottom:10px; color:#fff; font-size:.75rem; font-weight:900; text-align:center; text-shadow:0 1px 3px #000; }
.spectro-readout { display:grid; gap:8px; align-content:start; }
.spectro-swatches { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.spectro-swatches span { min-height:68px; display:grid; place-items:end start; padding:8px; border:1px solid #cbd5e1; border-radius:9px; background:#fff; color:#111827; font-weight:900; text-shadow:0 0 3px #fff; }
.spectro-readout canvas { width:100%; height:auto; border:1px solid #cbd5e1; border-radius:8px; background:#fff; }
.pantone-match-panel { padding:10px; border:1px solid #cbd5e1; border-radius:9px; background:#fff; }
.pantone-match-panel header { display:flex; justify-content:space-between; gap:8px; margin-bottom:8px; }
.pantone-match-panel header span { color:#64748b; font-size:.68rem; font-weight:900; text-transform:uppercase; }
.pantone-match-panel header strong { color:#172554; font-size:.78rem; }
.pantone-match-list { display:grid; gap:6px; }
.pantone-match-list p { margin:0; color:#64748b; font-size:.75rem; }
.pantone-match { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:8px; align-items:center; padding:6px; border:1px solid #e2e8f0; border-radius:7px; }
.pantone-match i { width:38px; height:30px; border:1px solid #94a3b8; border-radius:5px; }
.pantone-match span { display:grid; color:#334155; font-size:.68rem; }
.pantone-match span strong { color:#0f172a; font-size:.78rem; }
.pantone-match b { color:#1e3a8a; font-size:.72rem; white-space:nowrap; }
.spectro-formula-panel { padding:10px; border:1px solid #86efac; border-radius:9px; background:#f0fdf4; }
.spectro-formula-panel header { display:flex; justify-content:space-between; gap:8px; margin-bottom:8px; }
.spectro-formula-panel header span { color:#15803d; font-size:.68rem; font-weight:900; text-transform:uppercase; }
.spectro-formula-panel header strong { color:#14532d; font-size:.78rem; }
.spectro-formula-panel p { margin:5px 0; color:#64748b; font-size:.72rem; }
.spectro-formula-table { width:100%; border-collapse:collapse; margin-bottom:8px; font-size:.75rem; }
.spectro-formula-table td { padding:5px 4px; border-bottom:1px solid #bbf7d0; }
.spectro-formula-table td:first-child { font-weight:900; color:#14532d; }
.spectro-formula-table td:nth-child(2) { color:#475569; }
.spectro-formula-table td:last-child { text-align:right; font-weight:950; color:#111827; }
.spectro-formula-total { display:flex; justify-content:space-between; padding:6px 4px; border-top:2px solid #16a34a; color:#14532d; font-weight:950; }
.spectro-formula-panel .btn { min-height:34px; margin-top:7px; padding:6px 10px; }
.spectro-warning { margin:10px 0 0; padding:9px; border-radius:8px; background:#fff7ed; color:#9a3412; font-size:.75rem; font-weight:800; }
@media (max-width:760px) { .phone-spectro-stage { grid-template-columns:1fr; } .phone-spectro-actions .btn { width:100%; } }
.trust-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 760px;
    gap: 1px;
    padding: 0;
    margin: 54px 0 0;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    overflow: hidden;
}
.trust-strip div { padding: 18px; background: rgba(255,255,255,.08); }
.trust-strip dt { font-weight: 900; font-size: 1.35rem; }
.trust-strip dd { margin: 4px 0 0; color: #d6e1e1; }

.section, .split-section, .contact-section, .quote-band {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 92px 0;
}
.muted {
    width: 100%;
    padding-left: max(16px, calc((100vw - 1180px) / 2));
    padding-right: max(16px, calc((100vw - 1180px) / 2));
    background: var(--soft);
}
.section-head {
    max-width: 780px;
    margin-bottom: 34px;
}
.section-head p:last-child { margin-top: 12px; font-size: 1.05rem; }
.service-grid, .values-grid, .video-grid, .contact-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.service-card, .values-grid article, .video-card, .contact-grid > * {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
}
.service-card { padding: 26px; }
.service-card i {
    color: var(--brand);
    font-size: 2rem;
    margin-bottom: 18px;
}
.service-card p, .values-grid p { margin-top: 12px; }

.split-section {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    align-items: center;
    gap: 44px;
}
.split-section > div > p:not(.eyebrow) { margin-top: 16px; font-size: 1.05rem; }
.split-section img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: var(--shadow);
}
.check-list {
    display: grid;
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}
.check-list li {
    position: relative;
    padding-left: 30px;
    color: #334155;
    font-weight: 700;
}
.check-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--brand);
    font-weight: 900;
}
.values-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.values-grid img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}
.values-grid h3, .values-grid p { padding-left: 22px; padding-right: 22px; }
.values-grid h3 { padding-top: 22px; }
.values-grid p { padding-bottom: 24px; }

.quote-band {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}
.quote-band h2 { max-width: 780px; }
.reference-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
    gap: 14px;
}
.reference-grid img {
    width: 100%;
    height: 94px;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 12px;
}
.more-references { margin-top: 22px; }
.more-references summary {
    cursor: pointer;
    display: inline-flex;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid var(--line);
    font-weight: 800;
}
.more-references .reference-grid { margin-top: 18px; }

.video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.video-card { padding: 18px; }
.video-card iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    margin-top: 14px;
    border-radius: 6px;
}
.contact-section { text-align: center; }
.contact-section .section-head { margin-left: auto; margin-right: auto; }
.contact-grid > * {
    display: grid;
    gap: 8px;
    place-items: center;
    min-height: 170px;
    padding: 24px;
}
.contact-grid i { color: var(--brand); font-size: 2rem; }
.contact-grid span { color: var(--muted); }
.contact-grid strong {
    max-width: 100%;
    color: var(--ink);
    overflow-wrap: anywhere;
}

.site-footer {
    background: #10201f;
    color: #fff;
    padding: 50px max(16px, calc((100vw - 1180px) / 2)) 28px;
}
.site-footer p, .site-footer a { color: #cad7d6; }
.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr .7fr;
    gap: 30px;
}
.social-links a { font-size: 2rem; margin-right: 14px; }
.legal-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    border-top: 1px solid rgba(255,255,255,.12);
    margin-top: 34px;
    padding-top: 22px;
}
.legal-line button {
    border: 0;
    background: transparent;
    color: #d99f2b;
    font-weight: 800;
    cursor: pointer;
}
.legal-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(4, 15, 18, .72);
    padding: 24px;
}
.legal-modal.open { display: grid; place-items: center; }
.legal-panel {
    width: min(720px, 100%);
    max-height: 86vh;
    overflow: auto;
    background: #fff;
    border-radius: 8px;
    padding: 28px;
    position: relative;
}
.legal-close {
    position: absolute;
    right: 16px;
    top: 12px;
    border: 0;
    background: transparent;
    font-size: 2rem;
    cursor: pointer;
}
.whatsapp-float {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 60;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    font-size: 2rem;
    box-shadow: 0 12px 30px rgba(0,0,0,.24);
}
.offline-save-notice {
    position: fixed;
    left: 50%;
    bottom: 22px;
    z-index: 1000;
    max-width: min(520px, calc(100% - 28px));
    transform: translate(-50%, 20px);
    padding: 12px 16px;
    border-radius: 8px;
    background: #0f172a;
    color: #fff;
    box-shadow: var(--shadow);
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.35;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.offline-save-notice.show {
    opacity: 1;
    transform: translate(-50%, 0);
}

.admin-hero {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 58px 0;
}
.admin-hero h1 {
    color: var(--ink);
    font-size: clamp(2rem, 4vw, 4rem);
}
.admin-hero p:not(.eyebrow) {
    max-width: 780px;
    margin-top: 16px;
    font-size: 1.08rem;
}
.admin-hero .btn.secondary {
    color: var(--brand-dark);
    border-color: var(--line);
    background: #fff;
    box-shadow: var(--shadow);
}
.admin-workspace {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr) 340px;
    gap: 18px;
    align-items: start;
}
.upload-panel,
.comparison-stage,
.issue-panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
}
.upload-panel,
.issue-panel { padding: 18px; }
.upload-box {
    display: grid;
    gap: 8px;
    padding: 18px;
    margin-bottom: 14px;
    border: 1px dashed #9aa9b7;
    border-radius: 8px;
    background: #f8fafb;
    cursor: pointer;
}
.upload-box span {
    color: var(--muted);
    font-size: .86rem;
    font-weight: 800;
}
.upload-box strong {
    color: var(--ink);
    overflow-wrap: anywhere;
}
.upload-box input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}
.control-group {
    display: grid;
    gap: 8px;
    margin: 18px 0;
}
.control-group label,
.alignment-controls label {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #334155;
    font-size: .92rem;
    font-weight: 800;
}
.control-group input,
.alignment-controls input { width: 100%; }
.alignment-controls {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 14px 0;
    margin: 16px 0;
}
.alignment-controls summary {
    cursor: pointer;
    font-weight: 900;
    color: var(--brand-dark);
    margin-bottom: 12px;
}
.alignment-controls label {
    display: grid;
    margin-top: 12px;
}
.admin-run,
.admin-clear { width: 100%; margin-top: 10px; }
.admin-clear {
    border-color: var(--line);
    background: #fff;
    color: var(--ink);
}
.comparison-stage { overflow: hidden; }
.canvas-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
}
.canvas-toolbar strong,
.canvas-toolbar span { display: block; }
.canvas-toolbar span {
    color: var(--muted);
    font-size: .9rem;
    margin-top: 3px;
}
.canvas-toolbar button {
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
    padding: 10px 12px;
    font-weight: 800;
    cursor: pointer;
}
#comparisonCanvas {
    display: block;
    width: 100%;
    min-height: 480px;
    background:
        linear-gradient(45deg, #eef2f4 25%, transparent 25%),
        linear-gradient(-45deg, #eef2f4 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #eef2f4 75%),
        linear-gradient(-45deg, transparent 75%, #eef2f4 75%);
    background-size: 24px 24px;
    background-position: 0 0, 0 12px, 12px -12px, -12px 0;
}
.issue-panel {
    position: sticky;
    top: 94px;
    max-height: calc(100vh - 116px);
    overflow: auto;
}
.issue-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
    font-weight: 900;
}
.issue-panel-head strong {
    display: grid;
    place-items: center;
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
}
.issue-list {
    display: grid;
    gap: 12px;
    padding-top: 14px;
}
.issue-item {
    width: 100%;
    text-align: left;
    cursor: pointer;
    border: 1px solid var(--line);
    border-left: 5px solid var(--accent);
    border-radius: 8px;
    padding: 12px;
    background: #fffdfa;
    font: inherit;
}
.issue-item.missing { border-left-color: #dc2626; }
.issue-item.extra { border-left-color: #2563eb; }
.issue-item.shift { border-left-color: #d99f2b; }
.issue-item strong {
    display: block;
    color: var(--ink);
}
.issue-item span {
    display: block;
    color: var(--muted);
    font-size: .86rem;
    margin-top: 5px;
}
.empty-state {
    padding: 18px;
    border-radius: 8px;
    background: var(--soft);
    text-align: center;
}

.workflow-hero {
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto;
    min-height: 290px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 54px 0;
}
.workflow-hero h1 {
    color: var(--ink);
    font-size: clamp(2rem, 4vw, 4rem);
}
.workflow-hero p:not(.eyebrow) {
    max-width: 820px;
    margin-top: 16px;
    font-size: 1.08rem;
}
.workflow-hero .btn.secondary {
    color: var(--brand-dark);
    border-color: var(--line);
    background: #fff;
    box-shadow: var(--shadow);
}
.workflow-alert {
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto 18px;
    padding: 14px 16px;
    border: 1px solid #f2c76e;
    border-radius: 8px;
    background: #fff8e6;
    color: #6f4d00;
    font-weight: 800;
}
.urgent-notification-panel {
    width: min(1280px, calc(100% - 32px));
    margin: 0 auto 18px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #fecaca;
    border-left: 6px solid #dc2626;
    border-radius: 8px;
    background: #fff1f2;
    box-shadow: var(--shadow);
}
.urgent-notification-panel div {
    display: grid;
    gap: 2px;
}
.urgent-notification-panel strong {
    color: #7f1d1d;
    font-size: .95rem;
}
.urgent-notification-panel span {
    color: #991b1b;
    font-size: .84rem;
    font-weight: 800;
}
.urgent-alien-visitor {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 12000;
    width: min(300px, calc(100vw - 28px));
    min-height: 350px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 18px;
    padding: 18px;
    overflow: hidden;
    border: 0;
    border-radius: 42%;
    background: radial-gradient(circle, rgba(15, 118, 110, .13), transparent 68%);
    color: #fff;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -40%) scale(.72);
    filter: blur(10px);
    transition: opacity .45s ease, transform .65s cubic-bezier(.2,.9,.2,1.15), filter .55s ease, visibility 0s linear .65s;
}
.urgent-alien-visitor.show {
    opacity: .82;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1) rotate(0);
    filter: blur(0);
    transition-delay: 0s;
}
.urgent-alien-character {
    position: relative;
    width: 250px;
    height: 320px;
    display: grid;
    place-items: center;
    animation: urgentAlienFloat 2.4s ease-in-out infinite;
}
.urgent-alien-head {
    position: relative;
    z-index: 2;
    width: 126px;
    height: 142px;
    margin-top: -122px;
    border-radius: 46% 46% 48% 48% / 42% 42% 55% 55%;
    background: radial-gradient(circle at 48% 38%, rgba(254, 226, 199, .94), rgba(205, 140, 105, .82) 72%, rgba(67, 35, 38, .8));
    box-shadow: inset 0 -15px 26px rgba(88,28,30,.26), 0 0 26px rgba(45,212,191,.55), 0 0 62px rgba(56,189,248,.3);
}
.urgent-alien-eye {
    position: absolute;
    top: 58px;
    width: 18px;
    height: 12px;
    border-radius: 50%;
    background: radial-gradient(circle, #082f49 0 24%, #e0f2fe 28% 100%);
    box-shadow: 0 0 9px rgba(103,232,249,.7);
    animation: urgentAlienBlink 4.2s infinite;
}
.urgent-alien-eye.left { left: 31px; transform: none; }
.urgent-alien-eye.right { right: 31px; transform: none; }
.urgent-alien-mouth {
    position: absolute;
    left: 50%;
    bottom: 25px;
    width: 34px;
    height: 7px;
    border-radius: 50%;
    background: #160b2c;
    transform: translateX(-50%);
    box-shadow: 0 0 7px rgba(103,232,249,.8);
}
.urgent-alien-visitor.speaking .urgent-alien-mouth { animation: urgentAlienSpeak .22s ease-in-out infinite alternate; }
.urgent-coder-hair {
    position:absolute;
    left:-3px;
    right:-3px;
    top:-6px;
    height:58px;
    z-index:2;
    border-radius:52% 55% 35% 28%;
    background:linear-gradient(145deg, rgba(9,20,35,.96), rgba(30,64,83,.88));
    box-shadow:inset -12px -8px 0 rgba(45,212,191,.1);
    clip-path:polygon(0 0,100% 0,100% 78%,85% 62%,74% 86%,61% 63%,45% 82%,30% 59%,14% 83%,0 67%);
}
.urgent-coder-ear { position:absolute; top:60px; z-index:-1; width:24px; height:36px; border-radius:50%; background:rgba(232,173,139,.82); box-shadow:0 0 12px rgba(45,212,191,.3); }
.urgent-coder-ear.left { left:-14px; }
.urgent-coder-ear.right { right:-14px; }
.urgent-coder-cheek { position:absolute; top:87px; z-index:3; width:19px; height:10px; border-radius:50%; background:rgba(251,113,133,.42); filter:blur(1px); }
.urgent-coder-cheek.left { left:21px; }
.urgent-coder-cheek.right { right:21px; }
.urgent-coder-glasses {
    position:absolute;
    left:18px;
    top:48px;
    z-index:4;
    width:38px;
    height:31px;
    border:4px solid rgba(8,47,73,.88);
    border-radius:9px;
    box-shadow:52px 0 0 -4px rgba(186,230,253,.25),52px 0 0 0 rgba(8,47,73,.88), inset 0 0 12px rgba(103,232,249,.3);
}
.urgent-coder-glasses::after { content:""; position:absolute; left:36px; top:10px; width:17px; height:4px; background:rgba(8,47,73,.88); }
.urgent-coder-body {
    position:absolute;
    left:28px;
    bottom:12px;
    width:194px;
    height:166px;
    border-radius:45% 45% 24px 24px;
    background:linear-gradient(145deg, rgba(15,23,42,.9), rgba(14,116,144,.72));
    box-shadow:0 0 35px rgba(45,212,191,.42), inset 0 0 24px rgba(103,232,249,.12);
}
.urgent-coder-hood { position:absolute; top:7px; width:70px; height:82px; border:5px solid rgba(103,232,249,.25); border-radius:50%; }
.urgent-coder-hood.left { left:16px; transform:rotate(24deg); }
.urgent-coder-hood.right { right:16px; transform:rotate(-24deg); }
.urgent-coder-laptop {
    position:absolute;
    left:22px;
    right:22px;
    bottom:8px;
    height:88px;
    display:grid;
    place-items:center;
    border:2px solid rgba(165,243,252,.7);
    border-radius:9px 9px 18px 18px;
    background:linear-gradient(145deg, rgba(8,47,73,.96), rgba(30,41,59,.9));
    transform:perspective(260px) rotateX(-7deg);
    box-shadow:0 0 24px rgba(34,211,238,.45);
}
.urgent-coder-laptop i { color:#a7f3d0; font:900 25px/1 monospace; text-shadow:0 0 12px #2dd4bf; }
.urgent-coder-laptop b { position:absolute; right:12px; bottom:8px; color:#fb7185; font-size:15px; text-shadow:0 0 9px #fb7185; }
.urgent-coder-code { position:absolute; z-index:4; color:#67e8f9; font:900 15px/1 monospace; text-shadow:0 0 10px #22d3ee; opacity:.7; animation:urgentCodeDrift 2.2s ease-in-out infinite; }
.urgent-coder-code.code-one { left:2px; top:98px; }
.urgent-coder-code.code-two { right:0; top:132px; animation-delay:.6s; }
.urgent-coder-code.code-three { right:17px; top:42px; animation-delay:1.2s; }
.urgent-alien-antenna {
    position: absolute;
    top: 2px;
    z-index: 1;
    width: 7px;
    height: 54px;
    border-radius: 999px;
    background: linear-gradient(#a7f3d0, #8b5cf6);
    transform-origin: bottom;
    box-shadow: 0 0 12px #5eead4;
}
.urgent-alien-antenna::before { content:""; position:absolute; left:50%; top:-8px; width:17px; height:17px; border-radius:50%; background:#f0abfc; box-shadow:0 0 20px #e879f9; transform:translateX(-50%); }
.urgent-alien-antenna.left { left: 45px; transform: rotate(-22deg); }
.urgent-alien-antenna.right { right: 45px; transform: rotate(22deg); }
.urgent-alien-tail {
    position: absolute;
    bottom: 0;
    width: 104px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(to bottom, rgba(124,58,237,.65), transparent 78%);
    filter: blur(6px);
}
.urgent-alien-aura,
.urgent-alien-aura i { position:absolute; inset:0; pointer-events:none; }
.urgent-alien-aura i { border:1px solid rgba(94,234,212,.2); border-radius:50%; animation:urgentAlienRadar 2.8s ease-out infinite; }
.urgent-alien-aura i:nth-child(2) { animation-delay:.9s; }
.urgent-alien-aura i:nth-child(3) { animation-delay:1.8s; }
.urgent-alien-message { position:relative; z-index:2; display:grid; gap:9px; min-width:0; }
.urgent-alien-message small { color:#67e8f9; font-size:.72rem; font-weight:950; letter-spacing:.13em; }
.urgent-alien-message strong { color:#fff; font-size:clamp(1.2rem, 3vw, 1.75rem); line-height:1.15; overflow-wrap:anywhere; }
.urgent-alien-message span { color:#e9d5ff; font-size:.95rem; font-weight:750; line-height:1.45; }
.urgent-alien-visitor > button { position:absolute; right:12px; top:12px; z-index:3; width:32px; height:32px; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:rgba(255,255,255,.1); color:#fff; font-size:1.2rem; cursor:pointer; }
@keyframes urgentAlienFloat { 50% { transform:translateY(-10px) rotate(1deg); } }
@keyframes urgentAlienBlink { 0%,45%,49%,100% { scale:1 1; } 47% { scale:1 .08; } }
@keyframes urgentAlienSpeak { to { height:20px; width:25px; border-radius:50%; } }
@keyframes urgentAlienRadar { from { transform:scale(.15); opacity:.7; } to { transform:scale(1.35); opacity:0; } }
@keyframes urgentCodeDrift { 50% { transform:translateY(-12px); opacity:1; } }
@media (max-width: 560px) {
    .urgent-alien-visitor { width:230px; min-height:285px; padding:8px; }
    .urgent-alien-character { transform:scale(.78); }
}
@media (prefers-reduced-motion: reduce) {
    .urgent-alien-character, .urgent-alien-aura i, .urgent-alien-eye, .urgent-alien-mouth { animation:none !important; }
}
.admin-menu {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto 14px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 7px;
}
.admin-menu a {
    min-height: 36px;
    display: grid;
    place-items: center;
    padding: 7px 8px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: #fff;
    color: var(--ink);
    font-size: .8rem;
    font-weight: 900;
    line-height: 1.12;
    text-align: center;
    overflow-wrap: anywhere;
    box-shadow: var(--shadow);
}
.admin-menu a.active {
    border-color: var(--brand);
    background: var(--brand);
    color: #fff;
}
.admin-menu .alican-menu-button {
    min-height: 36px;
    padding: 7px 8px;
    border: 1px solid #22d3ee;
    border-radius: 7px;
    background: linear-gradient(135deg, #082f49, #0f766e);
    color: #ecfeff;
    font-size: .8rem;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 7px 20px rgba(8,145,178,.22);
}
.alican-assistant[hidden] { display:none !important; }
.alican-assistant {
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:12500;
    width:270px;
    display:grid;
    justify-items:center;
    gap:5px;
    padding:8px 12px 12px;
    border:1px solid rgba(103,232,249,.38);
    border-radius:26px;
    background:linear-gradient(160deg, rgba(8,47,73,.82), rgba(15,23,42,.75));
    color:#fff;
    backdrop-filter:blur(14px);
    box-shadow:0 18px 55px rgba(8,47,73,.48);
}
.alican-avatar-stage { position:relative; width:210px; height:188px; display:grid; place-items:center; overflow:visible; animation:alicanStageFloat 2.4s ease-in-out infinite; }
.alican-avatar-stage .urgent-alien-aura { inset:5px; }
.alican-avatar-image { position:relative; z-index:2; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 15px 20px rgba(6,182,212,.28)); }
.alican-voice-orbit { position:absolute; z-index:1; inset:24% 13% 8%; border:1px solid rgba(103,232,249,.35); border-radius:50%; box-shadow:0 0 34px rgba(34,211,238,.24); opacity:.7; }
.alican-assistant.listening { border-color:#5eead4; box-shadow:0 0 0 4px rgba(45,212,191,.15),0 18px 65px rgba(8,145,178,.55); }
.alican-assistant.speaking .alican-avatar-image { animation:alicanSpeaking .42s ease-in-out infinite alternate; }
.alican-assistant.speaking .alican-voice-orbit { animation:alicanVoiceOrbit .85s ease-out infinite; }
.alican-assistant > strong { color:#a7f3d0; letter-spacing:.16em; font-size:.82rem; }
.alican-assistant > span { width:100%; min-height:34px; color:#cffafe; font-size:.76rem; font-weight:800; line-height:1.35; text-align:center; overflow-wrap:anywhere; }
.alican-assistant-actions { display:flex; gap:8px; }
.alican-assistant-actions button { width:40px; height:40px; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(255,255,255,.1); color:#fff; font-size:1.1rem; cursor:pointer; }
.alican-assistant-actions [data-alican-mic] { background:#0f766e; }
.alican-assistant.listening [data-alican-mic] { background:#dc2626; animation:alicanMicPulse 1.15s infinite; }
.alican-assistant form { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; }
.alican-assistant input { min-width:0; width:100%; border:1px solid rgba(165,243,252,.35); border-radius:999px; background:rgba(255,255,255,.1); color:#fff; padding:8px 11px; font-size:16px; }
.alican-assistant input::placeholder { color:#bae6fd; }
.alican-assistant form button { border:0; border-radius:999px; background:#22d3ee; color:#082f49; padding:7px 11px; font-weight:950; }
@keyframes alicanMicPulse { 50% { box-shadow:0 0 0 10px rgba(239,68,68,0); } }
@keyframes alicanStageFloat { 50% { translate:0 -5px; } }
@keyframes alicanSpeaking { to { transform:translateY(-3px) scale(1.025); filter:drop-shadow(0 18px 25px rgba(34,211,238,.5)); } }
@keyframes alicanVoiceOrbit { to { transform:scale(1.22); opacity:0; } }
@media (max-width:560px) {
    .alican-assistant { right:6px; bottom:8px; width:min(230px, calc(100vw - 12px)); max-height:calc(100dvh - 16px); padding:5px 8px 9px; border-radius:20px; }
    .alican-avatar-stage { width:148px; height:132px; }
    .alican-assistant > span { min-height:28px; font-size:.7rem; }
    .alican-assistant-actions button { width:38px; height:38px; }
}

.urgent-alien-visitor > .alican-avatar-image { width:min(300px, 72vw); height:auto; max-height:52vh; object-fit:contain; }
.urgent-alien-visitor > .alican-voice-orbit { position:absolute; inset:20%; }
.admin-nav-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.layout-user-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 190px;
    min-height: 34px;
    padding: 4px 8px 4px 5px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--ink);
    font-size: .78rem;
    font-weight: 950;
    box-shadow: var(--shadow);
}
.layout-user-chip img,
.layout-user-chip b {
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    border-radius: 999px;
}
.layout-user-chip img {
    object-fit: cover;
}
.layout-user-chip b {
    display: grid;
    place-items: center;
    background: #0f766e;
    color: #fff;
    font-size: .82rem;
}
.layout-user-chip strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.layout-user-chip .online-dot {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
}
.layout-avatar-wrap {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}
.import-page {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}
.import-sidebar,
.import-unified-panel,
.import-panel {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow);
    padding: 16px;
}
.import-machine-grid {
    display: grid;
    gap: 8px;
}
.import-machine-card {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 6px 10px;
    align-items: center;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    color: var(--ink);
}
.import-machine-card strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.import-machine-card span,
.import-machine-card small {
    color: var(--muted);
    font-size: .75rem;
    font-weight: 900;
}
.import-machine-card small {
    grid-column: 1 / -1;
}
.import-machine-card.active {
    border-color: var(--brand);
    box-shadow: 0 0 0 2px rgba(24, 120, 105, .14);
}
.import-machine-card.import-done:not(.active) {
    opacity: .45;
}
.import-main {
    display: grid;
    gap: 18px;
    min-width: 0;
}
.import-split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.import-form {
    display: grid;
    gap: 10px;
}
.import-form textarea {
    width: 100%;
    min-width: 0;
    resize: vertical;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fbfdff;
    color: var(--ink);
    padding: 12px;
    font: 800 .88rem/1.45 Consolas, "Courier New", monospace;
    white-space: pre;
    overflow: auto;
}
.import-current-state {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: .85rem;
    font-weight: 900;
}
.import-current-state b {
    color: var(--ink);
}
.print-form-upload-panel {
    display: grid;
    gap: 10px;
}
.print-form-search-panel {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
}
.print-form-search-panel .panel-title {
    margin-bottom: 0;
}
.print-form-search-panel label,
.print-form-machine-search {
    display: grid;
    gap: 6px;
    color: #334155;
    font-size: .82rem;
    font-weight: 900;
}
.print-form-search-panel textarea {
    width: 100%;
    min-width: 0;
    resize: vertical;
    border: 1px solid #93c5fd;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    padding: 9px;
    font: .82rem/1.4 Consolas, monospace;
}
.print-form-machine-search-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.print-form-machine-search {
    padding: 9px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #fff;
}
.print-form-machine-search summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}
.print-form-machine-search summary span {
    color: var(--muted);
    font-size: .72rem;
}
.print-form-upload-form {
    display: grid;
    gap: 10px;
}
.print-form-clear-form {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid var(--line);
}
.print-form-clear-form .btn {
    min-height: 38px;
    padding: 9px 14px;
}
.print-form-upload-form small {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 850;
}
.print-form-folder-picker {
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px dashed #94a3b8;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    font-weight: 900;
    cursor: pointer;
}
.print-form-folder-picker strong {
    color: #0f172a;
    font-size: .98rem;
}
.print-form-folder-primary {
    border-color: #0f766e;
    background: #ecfdf5;
}
.print-form-file-fallback {
    padding: 10px 12px;
    background: #fff;
}
.print-form-file-fallback strong {
    font-size: .84rem;
}
.print-form-file-fallback span {
    color: var(--muted);
    font-size: .74rem;
}
.print-form-folder-picker input {
    width: 100%;
    font-size: .86rem;
}
.print-form-progress {
    display: grid;
    gap: 7px;
    color: #334155;
    font-size: .82rem;
    font-weight: 900;
}
.print-form-progress[hidden] {
    display: none !important;
}
.print-form-progress b {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}
.print-form-progress i {
    width: 8%;
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, #0f766e, #22c55e);
    transition: width .2s ease;
}
.print-form-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 110px;
    margin-left: 5px;
    padding: 2px 5px;
    border: 1px solid #86efac;
    border-radius: 999px;
    background: #ecfdf5;
    color: #166534;
    font-size: .58rem;
    font-weight: 950;
    vertical-align: middle;
    white-space: nowrap;
}
.print-form-thumb {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    font-size: .48rem;
    font-weight: 950;
}
.print-form-link span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.print-form-customer{display:block;margin-top:5px;padding:4px 6px;border-left:3px solid #0f766e;border-radius:4px;background:#ecfdf5;color:#065f46;font-size:.66rem;font-weight:900;line-height:1.2}.print-form-viewer{width:min(96vw,1600px);height:min(94vh,1050px);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #64748b;border-radius:14px;background:#fff;box-shadow:0 28px 100px #02061799}.print-form-viewer::backdrop{background:#020617c7;backdrop-filter:blur(4px)}.print-form-viewer header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#0f172a;color:#fff}.print-form-viewer header strong{font-size:.9rem}.print-form-viewer header button{width:36px;height:36px;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:1.45rem;cursor:pointer}.print-form-viewer iframe{display:block;width:100%;height:calc(100% - 52px);border:0;background:#e2e8f0}@media(max-width:600px){.print-form-viewer{width:100vw;height:100dvh;border:0;border-radius:0}.print-form-viewer header{height:48px}.print-form-viewer iframe{height:calc(100% - 48px)}}
.deformed-photo-update-field {
    grid-column: span 2;
}
.login-split-page,
.profile-page,
.users-page,
.reports-page {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto 80px;
    display: grid;
    gap: 18px;
    align-items: start;
}
.login-split-page {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 24px;
}
.login-panel,
.profile-card,
.profile-form,
.user-list-panel,
.reports-filter,
.report-clear-form,
.report-row {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow);
    padding: 16px;
}
.login-panel,
.profile-form,
.reports-filter {
    display: grid;
    gap: 12px;
}
.login-panel label,
.profile-form label,
.reports-filter label {
    display: grid;
    gap: 6px;
    color: #334155;
    font-size: .82rem;
    font-weight: 900;
}
.login-panel input,
.profile-form input,
.profile-form textarea,
.reports-filter input,
.reports-filter select {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px 11px;
    font: inherit;
}
.profile-page {
    grid-template-columns: 300px minmax(0, 1fr);
}
.profile-card {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 8px;
    text-align: center;
}
.profile-card img,
.profile-placeholder {
    width: 112px;
    height: 112px;
    border-radius: 999px;
    object-fit: cover;
    border: 3px solid #e2e8f0;
}
.profile-placeholder {
    display: grid;
    place-items: center;
    background: #0f766e;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 950;
}
.online-dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 999px;
    background: #94a3b8;
    box-shadow: 0 0 0 3px #fff;
}
.online-dot.online {
    background: #16a34a;
}
.profile-card .online-dot {
    position: absolute;
    right: 22px;
    top: 22px;
}
.users-page {
    grid-template-columns: 360px minmax(0, 1fr);
}
.user-row,
.report-row {
    display: grid;
    grid-template-columns: auto 1fr auto auto auto;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    min-width: 0;
}
.user-row strong,
.user-row span,
.report-row * {
    min-width: 0;
    overflow-wrap: anywhere;
}
.reports-filter {
    grid-template-columns: 170px 220px minmax(180px, 1fr) auto auto;
    align-items: end;
}
.report-clear-form {
    display: flex;
    justify-content: flex-end;
}
.report-list {
    display: grid;
    gap: 10px;
}
.report-row {
    grid-template-columns: 150px 130px 90px 160px minmax(0, 1fr) auto;
}
.report-row p {
    margin: 0;
    color: var(--muted);
}
.panel-chat-widget {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 80;
    display: grid;
    justify-items: end;
    gap: 8px;
}
.panel-chat-toggle {
    min-width: 132px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 999px;
    background: #0f766e;
    color: #fff;
    padding: 8px 14px;
    font-weight: 950;
    box-shadow: 0 16px 35px rgba(15, 23, 42, .25);
    cursor: pointer;
}
.panel-chat-toggle b {
    min-width: 22px;
    min-height: 22px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: .72rem;
}
.panel-chat-box {
    width: min(360px, calc(100vw - 24px));
    max-height: min(620px, calc(100vh - 110px));
    display: grid;
    grid-template-rows: auto minmax(170px, 1fr) auto;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .28);
}
.panel-chat-box[hidden] {
    display: none;
}
.panel-chat-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
    background: #f8fafc;
}
.panel-chat-head button {
    border: 0;
    border-radius: 999px;
    background: #e0f2fe;
    color: #075985;
    padding: 6px 9px;
    font-size: .72rem;
    font-weight: 950;
    cursor: pointer;
}
.panel-chat-messages {
    display: grid;
    align-content: start;
    gap: 8px;
    overflow-y: auto;
    padding: 10px;
}
.panel-chat-message {
    display: grid;
    gap: 5px;
    max-width: 88%;
    justify-self: start;
    padding: 8px 9px;
    border-radius: 8px;
    background: #f1f5f9;
    color: var(--ink);
}
.panel-chat-message.mine {
    justify-self: end;
    background: #dcfce7;
}
.panel-chat-message header {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: #334155;
    font-size: .72rem;
    font-weight: 950;
}
.panel-chat-message p {
    margin: 0;
    font-size: .86rem;
    overflow-wrap: anywhere;
}
.panel-chat-message img {
    width: 100%;
    max-height: 150px;
    object-fit: cover;
    border-radius: 7px;
}
.panel-chat-message small {
    color: #64748b;
    font-size: .66rem;
    font-weight: 850;
}
.panel-chat-form {
    display: grid;
    gap: 8px;
    padding: 10px;
    border-top: 1px solid var(--line);
}
.panel-chat-form textarea,
.panel-chat-form input {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 8px;
    font: inherit;
}
.panel-chat-form label {
    color: var(--muted);
    font-size: .75rem;
    font-weight: 900;
}
.workflow-layout {
    width: min(1440px, calc(100% - 28px));
    margin: 0 auto 56px;
    display: grid;
    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) minmax(280px, 320px);
    gap: 12px;
    align-items: start;
}
.manager-layout {
    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
}
.personnel-page,
.single-panel-page {
    width: min(1440px, calc(100% - 28px));
    margin: 0 auto 56px;
    display: grid;
    gap: 12px;
    align-items: start;
}
.personnel-page {
    grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
}
.single-panel-page {
    grid-template-columns: 1fr;
}
.workflow-create-panel,
.workflow-main,
.personnel-panel,
.task-board {
    min-width: 0;
}
.workflow-create-panel,
.task-board,
.personnel-panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
}
.workflow-create-panel,
.personnel-panel {
    padding: 12px;
}
.task-board { padding: 12px; }
.panel-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 9px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--line);
}
.panel-title span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.panel-title strong {
    color: var(--ink);
    text-align: right;
}
.task-form,
.person-switcher,
.person-task form {
    display: grid;
    gap: 9px;
}
.task-form label,
.person-switcher label {
    min-width: 0;
    display: grid;
    gap: 4px;
    color: #334155;
    font-weight: 800;
    font-size: .92rem;
}
.task-form input,
.task-form textarea,
.task-form select,
.person-switcher select,
.status-form select,
.person-task select {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
    color: var(--ink);
    padding: 8px 9px;
    font: inherit;
    font-size: .9rem;
}
.task-form textarea {
    resize: vertical;
    min-height: 70px;
}
.task-form small {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
}
.task-form fieldset {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
}
.task-form legend {
    padding: 0 6px;
    color: #334155;
    font-weight: 900;
}
.check-row {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 9px !important;
    font-weight: 700 !important;
}
.check-row input {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px;
    accent-color: #16a34a;
}
.form-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.workflow-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}
.summary-card {
    min-height: 66px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 9px 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow);
    color: inherit;
    text-decoration: none;
}
.summary-card.active {
    outline: 3px solid rgba(17, 94, 89, .22);
    border-color: var(--brand);
}
.summary-card span {
    color: var(--muted);
    font-weight: 900;
    font-size: .78rem;
}
.summary-card strong {
    font-size: 1.55rem;
    line-height: 1;
}
.task-list,
.person-task-list {
    display: grid;
    gap: 7px;
}
.task-card,
.person-task {
    min-width: 0;
    border: 1px solid var(--line);
    border-left: 8px solid #d99f2b;
    border-radius: 8px;
    background: #fff;
    padding: 10px 12px;
}
.task-card-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}
.task-card h2 {
    font-size: 1.05rem;
    margin-top: 4px;
    overflow-wrap: anywhere;
}
.task-card p {
    margin-bottom: 8px;
    overflow-wrap: anywhere;
}
.status-form {
    min-width: 132px;
}
.status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #fff4c2;
    color: #6a4b00;
    font-size: .72rem;
    font-weight: 900;
}
.task-photo {
    display: inline-block;
    margin: 4px 0 14px;
}
.task-photo img {
    width: 210px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: 1px solid var(--line);
    border-radius: 8px;
}
.task-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 0;
}
.task-meta div {
    padding: 7px 8px;
    border-radius: 6px;
    background: var(--soft);
}
.task-meta dt {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
}
.task-meta dd {
    margin: 1px 0 0;
    color: var(--ink);
    overflow-wrap: anywhere;
}
.person-task h3 {
    margin-top: 5px;
    overflow-wrap: anywhere;
}
.person-task p {
    margin: 5px 0 8px;
    overflow-wrap: anywhere;
}
.person-task button {
    border: 0;
    border-radius: 6px;
    background: var(--brand);
    color: #fff;
    padding: 8px 10px;
    font-weight: 900;
    cursor: pointer;
}
.status-pending {
    border-left-color: #f2c94c;
    background: #fffdf0;
}
.status-urgent {
    border-left-color: #dc2626;
    background: #fff5f5;
}
.status-inprogress {
    border-left-color: #2563eb;
    background: #f4f8ff;
}
.status-completed {
    border-left-color: #16a34a;
    background: #f4fff7;
}
.status-onhold {
    border-left-color: #64748b;
    background: #f8fafc;
}
.status-urgent .status-pill {
    background: #fee2e2;
    color: #991b1b;
}
.status-inprogress .status-pill {
    background: #dbeafe;
    color: #1d4ed8;
}
.status-completed .status-pill {
    background: #dcfce7;
    color: #166534;
}
.status-onhold .status-pill {
    background: #e2e8f0;
    color: #334155;
}
.compact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ledger-list {
    gap: 5px;
}
.ledger-task {
    display: grid;
    gap: 5px;
    padding: 7px 9px;
    border-left-width: 5px;
}
.ledger-main {
    display: grid;
    grid-template-columns: minmax(74px, auto) minmax(150px, 1.25fr) minmax(80px, .62fr) minmax(130px, .95fr) 82px 82px;
    gap: 7px;
    align-items: center;
    min-width: 0;
}
.ledger-main strong,
.ledger-main span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ledger-task p {
    margin: 0;
    color: var(--muted);
    font-size: .8rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ledger-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}
.ledger-photo-strip,
.deformed-photo-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 6px 0 10px;
}
.ledger-photo-link {
    color: var(--brand-dark);
    font-weight: 900;
}
.ledger-photo-preview {
    position: relative;
    display: inline-grid;
    width: 72px;
    height: 52px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #0f172a;
    flex: 0 0 auto;
}
.ledger-photo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ledger-photo-preview video { width:100%; height:100%; min-height:90px; object-fit:cover; background:#111827; }
.ledger-photo-preview span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    padding: 3px 4px;
    background: rgba(15, 23, 42, .82);
    color: #fff;
    font-size: .68rem;
    font-weight: 900;
    text-align: center;
}
.postponed-note {
    display: block;
    margin-top: 2px;
    color: #b45309;
    font-size: .72rem;
    font-weight: 950;
    white-space: normal;
}
.ledger-edit-form {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(150px, 1.4fr) repeat(4, minmax(92px, .8fr));
    gap: 6px;
    align-items: end;
}
.ledger-edit-form label,
.ledger-edit-form fieldset {
    min-width: 0;
    display: grid;
    gap: 3px;
    color: #334155;
    font-size: .7rem;
    font-weight: 900;
}
.ledger-edit-form input,
.ledger-edit-form textarea,
.ledger-edit-form select {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
    color: var(--ink);
    padding: 6px 7px;
    font: inherit;
    font-size: .84rem;
}
.ledger-edit-form textarea {
    resize: vertical;
    min-height: 44px;
}
.ledger-edit-form fieldset {
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
    padding: 6px;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
}
.ledger-edit-form legend {
    padding: 0 5px;
}
.ledger-description-field {
    grid-column: span 2;
}
.ledger-delete-form {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}
.ledger-edit-panel[hidden] { display: none !important; }
.ledger-card-actions { display: flex; justify-content: flex-end; margin-top: 1px; }
.ledger-card-actions .btn { min-height: 28px; padding: 4px 9px; }
.manager-layout-compact { grid-template-columns: 1fr; }
.task-create-open { display: inline-flex; align-items: center; gap: 7px; }
.task-create-open b { font-size: 1.2rem; line-height: 1; }
.task-create-dialog { width: min(680px, calc(100% - 28px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 12px; background: transparent; box-shadow: 0 24px 70px rgba(15,23,42,.3); }
.task-create-dialog::backdrop { background: rgba(15,23,42,.56); backdrop-filter: blur(3px); }
.task-create-dialog .workflow-create-panel,
.task-create-dialog .deformed-create-panel { position: relative; max-height: calc(100vh - 32px); overflow-y: auto; padding: 12px 14px; box-shadow: none; }
.task-dialog-close { position: absolute; right: 12px; top: 10px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #e2e8f0; color: #334155; font-size: 1.2rem; font-weight: 900; cursor: pointer; }
.task-create-dialog .panel-title { padding-right: 38px; }
.task-create-dialog .task-form { grid-template-columns: 1fr 1fr; gap: 8px 10px; }
.task-create-dialog .task-form > label:nth-of-type(1),
.task-create-dialog .task-form > label:nth-of-type(2),
.task-create-dialog .task-form fieldset,
.task-create-dialog .task-form > button { grid-column: 1 / -1; }
.task-create-dialog .task-form textarea { min-height: 58px; }
.task-create-dialog .task-form fieldset { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.task-create-dialog .task-form label { gap: 2px; font-size: .82rem; }
.task-create-dialog .task-form input,
.task-create-dialog .task-form textarea,
.task-create-dialog .task-form select { padding: 6px 8px; }
.task-create-dialog .task-form fieldset { padding: 5px 7px; gap: 3px; }
.deformed-create-dialog { width: min(820px, calc(100% - 28px)); }
.deformed-create-dialog .deformed-form { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px 9px; }
.deformed-create-dialog .deformed-form > label:nth-of-type(4),
.deformed-create-dialog .deformed-form > label:nth-of-type(5),
.deformed-create-dialog .deformed-form > fieldset,
.deformed-create-dialog .deformed-form > .form-grid-two,
.deformed-create-dialog .deformed-form > button { grid-column: 1 / -1; }
.deformed-create-dialog .deformed-form textarea { min-height: 46px; }
.deformed-create-dialog .form-grid-two { grid-template-columns: 1fr 1fr; }
.deformed-page {
    width: min(1440px, calc(100% - 28px));
    margin: 0 auto 56px;
    display: grid;
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}
.deformed-page-compact { grid-template-columns: 1fr; }
.deformed-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    margin-bottom: 10px;
}
.deformed-search input,
.deformed-record input,
.deformed-record select,
.deformed-record textarea {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fff;
    color: var(--ink);
    padding: 7px 8px;
    font: inherit;
    font-size: .86rem;
}
.deformed-record textarea {
    resize: vertical;
    min-height: 54px;
}
.deformed-record-list {
    display: grid;
    gap: 6px;
}
.deformed-record {
    display: block;
    padding: 7px 9px;
    border: 1px solid var(--line);
    border-left: 5px solid #16a34a;
    border-radius: 8px;
    background: #fff;
}
.deformed-record-summary { display: grid; grid-template-columns: 72px 100px minmax(120px,1fr) minmax(120px,1fr) minmax(140px,1fr) 92px auto; gap: 7px; align-items: center; }
.deformed-record-summary > span,
.deformed-record-summary > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deformed-record-summary .btn { min-height: 28px; padding: 4px 9px; }
.deformed-record-note { margin: 4px 0 0; color: var(--muted); font-size: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deformed-edit-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(116px, 1fr)); gap: 6px; align-items: end; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.deformed-edit-panel[hidden] { display: none !important; }
.deformed-record label,
.deformed-record fieldset {
    min-width: 0;
    display: grid;
    gap: 3px;
    color: #334155;
    font-size: .72rem;
    font-weight: 900;
}
.deformed-record fieldset {
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    padding: 6px;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
}
.deformed-record legend {
    padding: 0 5px;
}
.deformed-note-field {
    grid-column: span 2;
}
.deformed-photo-strip {
    grid-column: span 2;
}
.deformed-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.deformed-actions .btn {
    min-height: 34px;
    padding: 7px 10px;
    font-size: .82rem;
}
.deformed-section {
    width: min(1440px, calc(100% - 28px));
    margin: -44px auto 56px;
    display: grid;
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}
.deformed-create-panel,
.deformed-list-panel {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow);
}
.deformed-form {
    grid-template-columns: 1fr;
}
.deformed-table-wrap {
    width: 100%;
    overflow-x: auto;
}
.deformed-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}
.deformed-table th,
.deformed-table td {
    padding: 8px 9px;
    border-bottom: 1px solid var(--line);
    color: var(--ink);
    text-align: left;
    vertical-align: middle;
    overflow-wrap: anywhere;
}
.deformed-table th {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}
.deformed-table tr:last-child td {
    border-bottom: 0;
}
.deformed-status-worked td:first-child {
    border-left: 6px solid #16a34a;
}
.deformed-status-failed td:first-child {
    border-left: 6px solid #dc2626;
}
.deformed-record.deformed-status-failed {
    border-left-color: #dc2626;
    background: #fff8f8;
}
.deformed-record.deformed-arrived {
    border-left-color: #16a34a;
    background: #e8fbe8;
}
.admin-quick-actions {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}
.klise-page {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}
.klise-sidebar,
.klise-paste-panel,
.klise-list-panel {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow);
}
.machine-tabs {
    display: grid;
    gap: 8px;
}
.machine-tabs a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: stretch;
    gap: 8px;
    padding: 11px 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    min-width: 0;
    overflow-wrap: anywhere;
}
.machine-tab-info {
    min-width: 0;
    display: grid;
    gap: 4px;
}
.machine-tabs strong {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.2;
}
.machine-tabs a.active {
    border-color: var(--brand);
    background: #edfafa;
}
.machine-tabs span {
    color: var(--muted);
    font-size: .82rem;
    font-weight: 800;
}
.machine-count-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.machine-count-row b {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: .68rem;
    font-weight: 950;
}
.machine-count-row .machine-count-delivered {
    background: #dcfce7;
    color: #166534;
}
.machine-count-row .machine-count-pending {
    background: #fef3c7;
    color: #b91c1c;
}
.machine-count-row .machine-count-unavailable {
    background: #7f1d1d;
    color: #fff;
}
.machine-count-row .machine-count-hold {
    background: #e0f2fe;
    color: #075985;
}
.machine-count-row .machine-count-warning {
    background: #ffedd5;
    color: #9a3412;
}
.machine-mini-progress {
    position: relative;
    width: 40px;
    min-height: 58px;
    align-self: stretch;
    overflow: hidden;
    display: grid;
    place-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #f1f5f9;
}
.machine-mini-progress i {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    min-height: 0;
    background: #16a34a;
}
.machine-mini-progress b {
    position: relative;
    z-index: 1;
    color: #0f172a;
    font-size: .68rem;
    font-weight: 950;
}
.klise-main {
    display: grid;
    gap: 18px;
    min-width: 0;
}
.prep-print-link {
    width: 100%;
    min-height: 38px;
    margin: 0 0 12px;
}
.paste-collapsible {
    padding: 0;
    overflow: hidden;
}
.paste-collapsible summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 54px;
    padding: 14px 18px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}
.paste-collapsible summary::-webkit-details-marker {
    display: none;
}
.paste-collapsible summary::after {
    content: "Ac";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    font-size: .76rem;
    font-weight: 950;
}
.paste-collapsible[open] summary {
    border-bottom: 1px solid var(--line);
}
.paste-collapsible[open] summary::after {
    content: "Kapat";
    background: #64748b;
}
.paste-collapsible summary span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.paste-collapsible summary strong {
    color: var(--ink);
    font-size: 1rem;
}
.paste-collapsible-body {
    padding: 16px 18px 18px;
}
.klise-paste-form {
    display: grid;
    gap: 12px;
}
.klise-paste-form textarea {
    width: 100%;
    min-height: 220px;
    resize: vertical;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 12px;
    font: 0.9rem/1.45 Consolas, monospace;
}
.klise-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.klise-table {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
}
.klise-table th,
.klise-table td {
    padding: 5px 5px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
    font-size: .7rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.klise-table th {
    color: var(--muted);
    font-size: .63rem;
    font-weight: 900;
    text-transform: uppercase;
}
.klise-table th:nth-child(1),
.klise-table td:nth-child(1) { width: 48px; }
.klise-table th:nth-child(2),
.klise-table td:nth-child(2) { width: 38px; }
.klise-table th:nth-child(3),
.klise-table td:nth-child(3),
.klise-table th:nth-child(4),
.klise-table td:nth-child(4) { width: 66px; }
.klise-table th:nth-child(5),
.klise-table td:nth-child(5),
.klise-table th:nth-child(6),
.klise-table td:nth-child(6),
.klise-table th:nth-child(7),
.klise-table td:nth-child(7) { width: 74px; }
.klise-table th:nth-child(14),
.klise-table td:nth-child(14) { width: 92px; }
.klise-pending.klise-odd td {
    background: #fff1f1;
}
.klise-pending.klise-even td {
    background: #ffe4e6;
}
.klise-delivered.klise-odd td {
    background: #e8fbe8;
}
.klise-delivered.klise-even td {
    background: #d6f6d6;
}
.klise-time-near td {
    background: #ffe8e8;
}
.klise-mark-unavailable td {
    background: #fee2e2;
}
.klise-mark-hold td {
    background: #e0f2fe;
}
.klise-mark-warning td {
    background: #ffedd5;
}
.klise-mark-cell {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}
.klise-primary-mark-form {
    margin: 0;
}
.klise-check {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 2px solid #64748b;
    border-radius: 6px;
    background: #fff;
    color: #166534;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
}
.klise-delivered .klise-mark-button {
    border-color: #16a34a;
    background: #bbf7d0;
}
.klise-delivery-celebrate .klise-mark-button {
    border-color: #16a34a;
    background: #bbf7d0;
    animation: kliseDeliveredPop 420ms cubic-bezier(.2, .9, .25, 1.25) both;
}
.klise-delivery-celebrate .klise-mark-cell::after {
    content: "✓ Hazir!";
    position: absolute;
    left: 34px;
    top: 50%;
    z-index: 3;
    padding: 4px 7px;
    border-radius: 999px;
    background: #15803d;
    color: #fff;
    font-size: .62rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    will-change: transform, opacity;
    animation: kliseDeliveredLabel 420ms ease-out both;
}
@keyframes kliseDeliveredPop {
    0% { transform: scale(.82) rotate(-8deg); }
    55% { transform: scale(1.18) rotate(4deg); }
    100% { transform: scale(1) rotate(0); }
}
@keyframes kliseDeliveredLabel {
    0% { opacity: 0; transform: translate3d(-5px, -50%, 0) scale(.8); }
    35% { opacity: 1; transform: translate3d(3px, -50%, 0) scale(1); }
    100% { opacity: 0; transform: translate3d(12px, -50%, 0) scale(.96); }
}
@media (prefers-reduced-motion: reduce) {
    .klise-delivery-celebrate .klise-mark-button,
    .klise-delivery-celebrate .klise-mark-cell::after {
        animation: none;
    }
}
.klise-mark-unavailable .klise-mark-button {
    border-color: #7f1d1d;
    background: #fecaca;
    color: #7f1d1d;
}
.klise-mark-hold .klise-mark-button {
    border-color: #0284c7;
    background: #bae6fd;
    color: #075985;
}
.klise-mark-warning .klise-mark-button {
    border-color: #f97316;
    background: #fed7aa;
    color: #9a3412;
}
.klise-kasa-note-form {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    max-width: 132px;
    margin: 0;
}
.klise-kasa-note-form input {
    width: 78px;
    min-width: 0;
    height: 26px;
    border: 1px solid #94a3b8;
    border-radius: 5px;
    background: #fff;
    color: var(--ink);
    padding: 2px 4px;
    font-size: .62rem;
    font-weight: 850;
}
.klise-kasa-note-form button {
    min-width: 28px;
    height: 26px;
    border: 0;
    border-radius: 5px;
    background: #334155;
    color: #fff;
    padding: 0 4px;
    font-size: .52rem;
    font-weight: 950;
    cursor: pointer;
}
.klise-mark-panel {
    position: absolute;
    left: 0;
    top: 34px;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 5px;
    padding: 6px;
    border: 1px solid #94a3b8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .22);
}
.klise-mark-panel[hidden] {
    display: none;
}
.klise-mark-panel form {
    margin: 0;
}
.klise-mark-panel button {
    min-width: 32px;
    min-height: 30px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #f8fafc;
    color: var(--ink);
    font-size: .82rem;
    font-weight: 950;
    cursor: pointer;
}
.klise-mold-no {
    display: block;
    margin-top: 3px;
    color: #7c2d12;
    font-size: .72rem;
    font-weight: 950;
}
.klise-lak-location {
    display: inline-flex;
    align-items: center;
    margin-top: 3px;
    padding: 2px 5px;
    border-radius: 6px;
    background: #0f172a;
    color: #fff;
    font-size: .62rem;
    font-weight: 950;
    line-height: 1.1;
}
.klise-print-no {
    color: #0f172a;
    font-size: .95rem;
    font-weight: 950;
    letter-spacing: 0;
}
.klise-repeat-badge {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    margin-top: 3px;
    padding: 2px 5px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: .62rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}
.other-machine-badge {
    display: block;
    margin-top: 5px;
    padding: 4px 6px;
    border-radius: 6px;
    background: #dbeafe;
    color: #1e3a8a;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1.25;
}
.klise-detail-lines {
    display: grid;
    gap: 5px;
    font-family: Consolas, monospace;
}
.klise-detail-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 5px 8px;
    align-items: center;
}
.klise-detail-row span {
    color: #475569;
    font-size: .78rem;
}
.klise-kasa-note-wrap {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    min-width: 0;
}
.klise-location-line {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 7px;
    border: 1px solid #38bdf8;
    border-radius: 6px;
    background: #e0f2fe;
    color: #0f172a !important;
    font-size: .92rem !important;
    font-weight: 950;
}
.klise-kasa-location-line {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 7px;
    border: 1px solid #64748b;
    border-radius: 6px;
    background: #f8fafc;
    color: #111827 !important;
    font-size: .88rem !important;
    font-weight: 950;
}
.klise-time {
    display: block;
    font-weight: 800;
}
.klise-time-warning {
    display: inline-flex;
    margin-top: 4px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: .68rem;
    font-weight: 950;
    white-space: nowrap;
}
.klise-warning-form {
    display: flex;
    justify-content: flex-end;
    margin: -4px 0 12px;
}
.klise-warning-form label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: .82rem;
    font-weight: 900;
}
.klise-warning-form select {
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    padding: 0 9px;
    font-weight: 900;
}
.klise-table tr:target td {
    outline: 2px solid rgba(17, 94, 89, .3);
    outline-offset: -2px;
}
.klise-detail pre {
    margin: 0;
    white-space: pre-wrap;
    font: .8rem/1.45 Consolas, monospace;
    color: #475569;
}
.transfer-panel {
    display: grid;
    gap: 7px;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid #f59e0b;
    border-left-width: 5px;
    border-radius: 8px;
    background: #fffbeb;
}
.transfer-panel > strong {
    color: #92400e;
    font-size: .86rem;
    font-weight: 950;
}
.transfer-panel p {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 7px;
    margin: 0;
    color: #475569;
    font-size: .8rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.transfer-panel b {
    color: #0f172a;
    font-weight: 950;
}
.transfer-print-no {
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 950;
}
.transfer-extra {
    flex-basis: 100%;
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    padding: 3px 7px;
    border-radius: 6px;
    background: #fff7ed;
    color: #7c2d12;
    font-weight: 900;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.ink-page {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto 80px;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}
.ink-sidebar,
.ink-paste-panel,
.ink-list-panel,
.ink-order {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow);
}
.ink-main {
    display: grid;
    gap: 18px;
    min-width: 0;
}
.ink-paste-form {
    display: grid;
    gap: 12px;
}
.ink-paste-form textarea {
    width: 100%;
    min-height: 200px;
    resize: vertical;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 12px;
    font: 0.9rem/1.45 Consolas, monospace;
}
.ink-warning-form {
    display: flex;
    justify-content: flex-end;
    margin: -4px 0 12px;
}
.ink-warning-form label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: .82rem;
    font-weight: 900;
}
.ink-warning-form select {
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    padding: 0 9px;
    font-weight: 900;
}
.ink-order-list {
    display: grid;
    gap: 10px;
}
.ink-order {
    position: relative;
    padding: 10px;
}
.ink-repeat-badges {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
    max-width: min(52%, 420px);
}
.ink-repeat-badges span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 7px;
    border: 1px solid #111827;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: .68rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}
.ink-pending.ink-odd {
    background: #fff1f1;
}
.ink-pending.ink-even {
    background: #ffe4e6;
}
.ink-ready {
    background: #e8fbe8;
}
.ink-warning {
    background: #ffe8e8;
    border-color: #fca5a5;
}
.ink-order-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    margin-bottom: 9px;
}
.ink-order-state {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 2px solid #64748b;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    font-size: .68rem;
    font-weight: 900;
}
.ink-ready .ink-order-state {
    border-color: #16a34a;
    background: #bbf7d0;
    color: #166534;
}
.ink-order-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
    min-width: 0;
}
.ink-order-meta span {
    color: #475569;
    font-size: .78rem;
    font-weight: 800;
    min-width: 0;
    overflow-wrap: anywhere;
}
.ink-print-no,
.ink-color-code {
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 950;
    letter-spacing: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.ink-time {
    color: #0f172a !important;
}
.ink-time-warning {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: .68rem;
    font-weight: 950;
    white-space: nowrap;
}
.ink-colors-form {
    display: grid;
    gap: 9px;
}
.ink-color-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}
.ink-color-box {
    position: relative;
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 8px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
}
.ink-color-repeat {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 2px 5px;
    border-radius: 999px;
    background: #111827;
    color: #fff !important;
    font-size: .58rem !important;
    font-weight: 950;
    line-height: 1;
    text-transform: none !important;
    white-space: nowrap;
}
.ink-color-ready {
    border-color: #16a34a;
    background: #dcfce7;
}
.ink-color-empty {
    opacity: .55;
}
.ink-color-box span {
    color: var(--muted);
    font-size: .68rem;
    font-weight: 950;
    text-transform: uppercase;
}
.ink-color-box em {
    min-height: 16px;
    color: #475569;
    font-size: .76rem;
    font-style: normal;
    font-weight: 800;
}
.ink-color-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
}
.ink-color-box input[type="text"] {
    width: 100%;
    min-width: 0;
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 7px;
    padding: 0 8px;
    background: #fff;
    font-weight: 900;
}
.ink-color-check {
    height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 8px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: #fff;
    color: #334155;
    font-size: .76rem;
    font-weight: 900;
    white-space: nowrap;
}
.ink-color-check input {
    width: 16px;
    height: 16px;
    accent-color: #16a34a;
}
.ink-save-kg {
    justify-self: end;
    min-height: 32px;
    padding: 7px 10px;
    font-size: .78rem;
}
.ink-order:target {
    outline: 2px solid rgba(17, 94, 89, .3);
    outline-offset: 2px;
}

@media (max-width: 980px) {
    .nav-shell { height: 70px; }
    .menu-toggle { display: block; }
    .main-menu {
        position: absolute;
        left: 16px;
        right: 16px;
        top: 78px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 8px;
        box-shadow: var(--shadow);
        padding: 10px;
    }
    .main-menu.open { display: flex; }
    .main-menu a { padding: 12px; }
    .admin-nav-item {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .layout-user-chip {
        max-width: 100%;
        justify-content: flex-start;
    }
    .panel-chat-widget {
        right: 10px;
        bottom: 72px;
    }
    .panel-chat-toggle {
        min-width: 112px;
        min-height: 38px;
        padding: 7px 11px;
        font-size: .82rem;
    }
    .panel-chat-box {
        width: min(340px, calc(100vw - 20px));
        max-height: min(560px, calc(100vh - 120px));
    }
    .service-grid, .contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .split-section { grid-template-columns: 1fr; }
    .video-grid, .values-grid, .footer-grid { grid-template-columns: 1fr; }
    .admin-workspace { grid-template-columns: 1fr; }
    .issue-panel { position: static; max-height: none; }
    .workflow-layout,
    .manager-layout,
    .personnel-page,
    .klise-page,
    .ink-page,
    .import-page,
    .login-split-page,
    .profile-page,
    .users-page { grid-template-columns: 1fr; }
    .import-split { grid-template-columns: 1fr; }
    .reports-filter,
    .report-row,
    .user-row { grid-template-columns: 1fr; }
    .print-form-machine-search-grid { grid-template-columns: 1fr; }
    .ink-color-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-menu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .deformed-section,
    .deformed-page { grid-template-columns: 1fr; }
    .workflow-create-panel,
    .personnel-panel {
        position: static;
        max-height: none;
    }
    .workflow-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .task-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .task-card-head {
        display: grid;
        gap: 12px;
    }
    .status-form {
        min-width: 0;
        width: 100%;
    }
    .ledger-main,
    .ledger-edit-form,
    .deformed-record {
        grid-template-columns: 1fr;
    }
    .ledger-actions {
        justify-content: stretch;
    }
    .ledger-description-field,
    .deformed-note-field,
    .deformed-photo-update-field,
    .deformed-photo-strip {
        grid-column: span 1;
    }
}

@media (max-width: 640px) {
    .brand { min-width: 0; }
    .brand small { display: none; }
    .hero { min-height: 690px; }
    .hero::after { background: linear-gradient(180deg, rgba(9,28,37,.9), rgba(16,62,65,.76)); }
    .hero-content { padding: 58px 0 46px; }
    .hero-actions { flex-direction: column; }
    .btn { width: 100%; }
    .urgent-notification-panel {
        display: grid;
        align-items: stretch;
    }
    .trust-strip { grid-template-columns: 1fr; margin-top: 34px; }
    .section, .split-section, .contact-section, .quote-band { padding: 64px 0; }
    .quote-band { display: grid; }
    .service-grid, .contact-grid { grid-template-columns: 1fr; }
    .reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .whatsapp-float { width: 52px; height: 52px; font-size: 1.7rem; }
    .admin-hero {
        display: grid;
        min-height: auto;
        padding: 42px 0;
    }
    .canvas-toolbar { display: grid; }
    .workflow-hero {
        display: grid;
        min-height: auto;
        padding: 42px 0;
        width: min(100% - 20px, 100%);
    }
    .workflow-alert,
    .admin-menu,
    .workflow-layout,
    .personnel-page,
    .single-panel-page,
    .klise-page,
    .ink-page,
    .import-page,
    .login-split-page,
    .profile-page,
    .users-page,
    .reports-page,
    .deformed-section,
    .deformed-page {
        width: min(100% - 20px, 100%);
    }
    .admin-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }
    .admin-menu a {
        min-height: 32px;
        padding: 6px;
        font-size: .72rem;
    }
    .workflow-create-panel,
    .task-board,
    .personnel-panel,
    .klise-sidebar,
    .klise-paste-panel,
    .klise-list-panel,
    .import-sidebar,
    .import-unified-panel,
    .import-panel,
    .deformed-create-panel,
    .deformed-list-panel {
        padding: 14px;
    }
    .paste-collapsible {
        padding: 0;
    }
    .paste-collapsible summary {
        min-height: 48px;
        padding: 12px 14px;
    }
    .paste-collapsible-body {
        padding: 14px;
    }
    .deformed-search {
        grid-template-columns: 1fr;
    }
    .ledger-task p,
    .ledger-main strong,
    .ledger-main span {
        white-space: normal;
    }
    .panel-title {
        display: grid;
        gap: 4px;
    }
    .panel-title strong {
        text-align: left;
    }
    .form-grid-two,
    .workflow-summary,
    .task-meta {
        grid-template-columns: 1fr;
    }
    .task-card-head {
        display: grid;
    }
    .status-form {
        min-width: 0;
        width: 100%;
    }
    .task-photo,
    .task-photo img {
        width: 100%;
        max-width: 280px;
    }
    .deformed-section {
        margin-top: -46px;
    }
    .deformed-table {
        min-width: 0;
    }
    .deformed-table thead {
        display: none;
    }
    .deformed-table,
    .deformed-table tbody,
    .deformed-table tr,
    .deformed-table td {
        display: block;
        width: 100%;
    }
    .deformed-table tr {
        padding: 12px 0;
        border-bottom: 1px solid var(--line);
    }
    .deformed-table tr:last-child {
        border-bottom: 0;
    }
    .deformed-table td {
        display: grid;
        grid-template-columns: minmax(110px, 42%) minmax(0, 1fr);
        gap: 10px;
        padding: 8px 0;
        border-bottom: 0;
    }
    .deformed-table td::before {
        content: attr(data-label);
        color: var(--muted);
        font-weight: 900;
    }
    .klise-table-wrap {
        margin-inline: -12px;
        padding-inline: 0;
    }
    .klise-table {
        min-width: 560px;
        table-layout: fixed;
    }
    .klise-table thead {
        display: table-header-group;
    }
    .klise-table,
    .klise-table tbody {
        width: 100%;
    }
    .klise-table {
        display: table;
    }
    .klise-table tbody {
        display: table-row-group;
    }
    .klise-table tr {
        display: table-row;
        margin: 0;
        border: 0;
        border-radius: 0;
        overflow: visible;
    }
    .klise-table td,
    .klise-table th {
        display: table-cell;
        width: auto;
        padding: 2px 1px;
        font-size: .46rem;
        line-height: 1.05;
        border-bottom: 1px solid var(--line);
        vertical-align: top;
    }
    .klise-table th {
        font-size: .43rem;
        line-height: 1.05;
    }
    .klise-table td::before {
        content: none;
    }
    .klise-table th:nth-child(1),
    .klise-table td:nth-child(1),
    .klise-table th:nth-child(2),
    .klise-table td:nth-child(2) { width: 21px; }
    .klise-table th:nth-child(3),
    .klise-table td:nth-child(3) { width: 19px; }
    .klise-table th:nth-child(4),
    .klise-table td:nth-child(4),
    .klise-table th:nth-child(5),
    .klise-table td:nth-child(5) { width: 39px; }
    .klise-table th:nth-child(6),
    .klise-table td:nth-child(6),
    .klise-table th:nth-child(7),
    .klise-table td:nth-child(7),
    .klise-table th:nth-child(8),
    .klise-table td:nth-child(8) { width: 45px; }
    .klise-table th:nth-child(14),
    .klise-table td:nth-child(14) { width: 48px; }
    .klise-check {
        width: 18px;
        height: 18px;
        border-width: 1px;
        border-radius: 4px;
        font-size: .46rem;
    }
    .klise-print-no {
        font-size: .54rem;
    }
    .klise-mold-no {
        margin-top: 1px;
        font-size: .46rem;
        line-height: 1;
    }
    .klise-lak-location {
        margin-top: 1px;
        padding: 1px 2px;
        border-radius: 4px;
        font-size: .42rem;
        line-height: 1;
    }
    .klise-time {
        font-size: .43rem;
        line-height: 1.05;
        word-break: normal;
        overflow-wrap: anywhere;
    }
    .klise-detail td:first-child {
        display: table-cell;
    }
    .klise-detail.klise-pending.klise-odd td { background: #fff1f1; }
    .klise-detail.klise-pending.klise-even td { background: #ffe4e6; }
    .klise-detail.klise-delivered.klise-odd td { background: #e8fbe8; }
    .klise-detail.klise-delivered.klise-even td { background: #d6f6d6; }
    .klise-detail.klise-time-near td { background: #ffe8e8; }
    .klise-detail-row {
        display: flex;
        flex-wrap: wrap;
        gap: 2px 4px;
    }
    .klise-detail-row span {
        min-width: 0;
        font-size: .5rem;
    }
    .klise-location-line {
        min-height: 16px;
        padding: 1px 3px;
        font-size: .56rem !important;
        justify-content: flex-start;
        text-align: left;
    }
    .klise-kasa-note-wrap {
        gap: 2px;
        max-width: 100%;
    }
    .klise-kasa-location-line {
        min-height: 16px;
        padding: 1px 3px;
        font-size: .54rem !important;
    }
    .klise-kasa-note-form {
        gap: 2px;
        max-width: 96px;
    }
    .klise-kasa-note-form input {
        width: 54px;
        height: 20px;
        padding: 1px 3px;
        font-size: .5rem;
    }
    .klise-kasa-note-form button {
        min-width: 24px;
        height: 20px;
        padding: 0 3px;
        font-size: .42rem;
    }
    .klise-time-warning {
        padding: 1px 3px;
        font-size: .4rem;
        white-space: normal;
    }
    .klise-warning-form {
        justify-content: stretch;
    }
    .klise-warning-form label,
    .klise-warning-form select {
        width: 100%;
    }
    .klise-warning-form label {
        display: grid;
        gap: 6px;
    }
    .ink-sidebar,
    .ink-paste-panel,
    .ink-list-panel {
        padding: 14px;
    }
    .paste-collapsible {
        padding: 0;
    }
    .ink-warning-form {
        justify-content: stretch;
    }
    .ink-warning-form label,
    .ink-warning-form select {
        width: 100%;
    }
    .ink-warning-form label {
        display: grid;
        gap: 6px;
    }
    .ink-repeat-badges {
        position: static;
        justify-content: flex-start;
        max-width: none;
        margin-bottom: 7px;
    }
    .ink-repeat-badges span {
        font-size: .62rem;
    }
    .ink-order-head {
        grid-template-columns: 30px minmax(0, 1fr);
    }
    .ink-order-meta {
        gap: 5px 8px;
    }
    .ink-order-meta span,
    .ink-print-no,
    .ink-color-code,
    .ink-color-box em {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .ink-color-actions {
        grid-template-columns: 1fr;
    }
    .ink-color-check {
        justify-content: center;
        width: 100%;
    }
    .ink-color-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ink-save-kg {
        justify-self: stretch;
    }
    .deformed-status-worked td:first-child,
    .deformed-status-failed td:first-child {
        padding-left: 10px;
    }
}

@media print {
    body {
        background: #fff;
    }
    .site-header,
    .workflow-hero,
    .admin-menu,
    .workflow-create-panel,
    .no-print,
    .site-footer,
    .whatsapp-float,
    .ledger-actions,
    .workflow-summary {
        display: none !important;
    }
    .workflow-layout,
    .manager-layout,
    .personnel-page,
    .single-panel-page,
    .workflow-main,
    .task-board {
        width: 100% !important;
        margin: 0 !important;
        display: block !important;
        box-shadow: none !important;
        border: 0 !important;
    }
    .task-card,
    .ledger-task {
        break-inside: avoid;
        border: 1px solid #999 !important;
        padding: 8px !important;
        box-shadow: none !important;
    }
    .ledger-main {
        grid-template-columns: 90px 1.4fr .8fr 1fr 90px 90px !important;
    }
}

.prep-print-page {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto 60px;
    color: #111;
}
.prep-print-toolbar {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 18px 0;
}
.prep-print-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin: 18px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #111;
}
.prep-print-title strong {
    font-size: 1.35rem;
}
.prep-print-title span {
    font-weight: 800;
}
.prep-print-machine {
    margin: 0 0 18px;
    break-inside: avoid;
    page-break-inside: avoid;
}
.prep-print-machine header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 9px;
    border: 2px solid #111;
    background: #f2f2f2;
    color: #111;
}
.prep-print-machine header strong {
    font-size: 1rem;
}
.prep-print-machine header span {
    font-weight: 900;
}
.prep-print-empty {
    margin: 0;
    padding: 8px;
    border: 1px solid #777;
    border-top: 0;
}
.prep-print-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: .68rem;
    line-height: 1.15;
}
.prep-print-table th,
.prep-print-table td {
    padding: 4px 4px;
    border: 1px solid #555;
    color: #111;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.prep-print-table th {
    background: #e6e6e6;
    font-size: .62rem;
    font-weight: 950;
    text-transform: uppercase;
}
.prep-print-table tbody tr:nth-child(even) td {
    background: #f7f7f7;
}
.prep-print-table strong {
    font-weight: 950;
}
.prep-print-klise th:nth-child(1),
.prep-print-klise td:nth-child(1) { width: 46px; }
.prep-print-klise th:nth-child(2),
.prep-print-klise td:nth-child(2) { width: 34px; }
.prep-print-klise th:nth-child(3),
.prep-print-klise td:nth-child(3),
.prep-print-klise th:nth-child(4),
.prep-print-klise td:nth-child(4) { width: 58px; }
.prep-print-klise th:nth-child(5),
.prep-print-klise td:nth-child(5),
.prep-print-klise th:nth-child(6),
.prep-print-klise td:nth-child(6),
.prep-print-klise th:nth-child(7),
.prep-print-klise td:nth-child(7) { width: 76px; }
.prep-print-klise th:nth-child(9),
.prep-print-klise td:nth-child(9) { width: 86px; }
.prep-print-ink th:nth-child(1),
.prep-print-ink td:nth-child(1) { width: 45px; }
.prep-print-ink th:nth-child(2),
.prep-print-ink td:nth-child(2) { width: 32px; }
.prep-print-ink th:nth-child(3),
.prep-print-ink td:nth-child(3),
.prep-print-ink th:nth-child(4),
.prep-print-ink td:nth-child(4),
.prep-print-ink th:nth-child(5),
.prep-print-ink td:nth-child(5) { width: 58px; }
.prep-print-ink th:nth-child(12),
.prep-print-ink td:nth-child(12) { width: 80px; }

.klise-carried-delivered td {
    background: #ede9fe !important;
}
.klise-transferred td {
    background: #d6b08a !important;
}
.klise-all-page{max-width:1500px;margin:16px auto;padding:0 14px}.klise-all-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px;padding:18px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.klise-all-header span{color:#2563eb;font-size:.68rem;font-weight:950;letter-spacing:.1em}.klise-all-header h1{margin:3px 0;font-size:1.45rem}.klise-all-header p{margin:0;color:#64748b}.klise-all-list{display:grid;gap:10px}.klise-all-card{overflow:visible;border:1px solid #fecaca;border-left:6px solid #ef4444;border-radius:10px;background:#fff1f1}.klise-all-card.klise-mark-unavailable{background:#fee2e2}.klise-all-card.klise-mark-hold{background:#e0f2fe;border-color:#7dd3fc}.klise-all-card.klise-mark-warning{background:#ffedd5;border-color:#fdba74}.klise-all-card.klise-transferred{background:#d6b08a!important;border-color:#92400e}.klise-all-card.klise-carried-delivered{background:#ede9fe!important;border-color:#8b5cf6}.klise-all-card-head{display:flex;gap:12px;align-items:center;padding:8px 11px;border-bottom:1px solid #0001}.klise-all-card-head strong{margin-right:auto;color:#0f172a}.klise-all-card-head span{font-size:.72rem;font-weight:850;color:#475569}.klise-all-card-body{display:grid;grid-template-columns:auto minmax(0,2fr) minmax(180px,1fr);gap:12px;align-items:center;padding:10px}.klise-all-identifiers{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:6px}.klise-all-identifiers span{display:grid;color:#64748b;font-size:.64rem}.klise-all-identifiers b{overflow:hidden;color:#111827;font-size:.78rem;text-overflow:ellipsis}.klise-all-inks{display:flex;flex-wrap:wrap;gap:5px}.klise-all-inks span{padding:5px 7px;border-radius:6px;background:#fff;border:1px solid #cbd5e1;font-size:.68rem;font-weight:850}.klise-all-raw-detail{display:grid;gap:4px;margin:0 10px 10px;padding:9px;border:1px solid #cbd5e1;border-radius:7px;background:#fff9}.klise-all-raw-detail .klise-detail-row{display:flex;flex-wrap:wrap;gap:8px}.klise-all-raw-detail span{font-size:.7rem;font-weight:800;color:#334155}.klise-all-note{display:flex;gap:7px;padding:0 10px 10px}.klise-all-note input{flex:1;min-width:0;padding:7px;border:1px solid #cbd5e1;border-radius:6px}@media(max-width:760px){.klise-all-header{align-items:stretch;flex-direction:column}.klise-all-card-body{grid-template-columns:auto minmax(0,1fr)}.klise-all-identifiers{grid-template-columns:repeat(2,minmax(0,1fr))}.klise-all-inks{grid-column:1/-1}.klise-all-note{flex-direction:column}}
.ink-color-carried {
    border-color: #7c3aed !important;
    background: #ede9fe !important;
}
.ink-transferred {
    border-color: #92400e !important;
    background: #d6b08a !important;
}
.ink-request-board {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
}
.ink-request-page .ink-color-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    align-items: start;
}
.ink-request-page .ink-color-box {
    align-content: start;
    overflow: visible;
}
.ink-request-page .ink-order {
    overflow: visible;
}
.ink-request-page .ink-order-list {
    gap: 14px;
}
.ink-request-list {
    display: grid;
    gap: 8px;
}
.ink-request-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #f8fafc;
}
.ink-request-card div {
    display: grid;
    gap: 3px;
    min-width: 0;
}
.ink-request-card strong,
.ink-request-card span,
.ink-request-card small {
    overflow-wrap: anywhere;
}
.ink-request-status-beklemede {
    border-color: #f59e0b;
    background: #fffbeb;
}
.ink-request-status-hazirlaniyor {
    border-color: #0284c7;
    background: #e0f2fe;
}
.ink-request-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}
.ink-request-pick summary {
    display: grid;
    gap: 4px;
    cursor: pointer;
    list-style: none;
    min-width: 0;
}
.ink-request-pick summary::-webkit-details-marker,
.ink-request-option summary::-webkit-details-marker {
    display: none;
}
.ink-request-form {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    min-width: 0;
    overflow: hidden;
}
.ink-request-option {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.ink-request-option summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 7px 9px;
    cursor: pointer;
    color: #0f172a;
    font-size: .78rem;
    font-weight: 950;
}
.ink-request-option summary::after {
    content: "+";
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: #e2e8f0;
}
.ink-request-option[open] summary::after {
    content: "-";
}
.ink-choice-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
    min-width: 0;
}
.ink-request-page .ink-choice-row {
    grid-template-columns: repeat(5, minmax(42px, 1fr));
}
.ink-choice-row label,
.ink-select-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 32px;
    padding: 6px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    font-size: .76rem;
    font-weight: 900;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
}
.ink-select-line select {
    min-width: 0;
    border: 0;
    background: transparent;
    font-weight: 900;
}
.ink-select-line {
    margin: 8px;
}
.ink-global-alert {
    position: fixed;
    right: 18px;
    bottom: 78px;
    z-index: 80;
    width: auto;
    display: grid;
    gap: 6px;
    padding: 4px;
    border: 1px solid #ef4444;
    border-radius: 10px;
    background: #fff1f2;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .2);
}
.ink-global-alert-head {
    width: 46px;
    height: 46px;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    border: 0;
    border-radius: 999px;
    background: #dc2626;
    padding: 0;
    cursor: pointer;
}
.ink-global-alert-body {
    width: min(250px, calc(100vw - 24px));
    display: grid;
    gap: 8px;
    padding: 6px 4px 4px;
}
.ink-global-alert-body[hidden] {
    display: none;
}
.ink-global-alert strong {
    color: #fff;
    font-size: .72rem;
}
.ink-global-alert span {
    color: #fff;
    font-size: 1rem;
    font-weight: 850;
}
.ink-global-alert-body span {
    color: #7f1d1d;
    font-size: .72rem;
}
.ink-overview-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.ink-overview-page {
    width: min(1680px, calc(100% - 24px));
    margin: 0 auto 80px;
    display: grid;
    gap: 12px;
}
.ink-overview-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(145px, 1fr));
    gap: 8px;
    align-items: start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
}
.ink-overview-machine {
    min-width: 145px;
    display: grid;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
}
.ink-overview-machine header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--line);
}
.ink-overview-machine header > div:first-child {
    min-width: 0;
    display: grid;
    gap: 3px;
}
.ink-overview-machine header strong {
    color: #0f172a;
    font-size: .76rem;
    font-weight: 950;
}
.ink-overview-machine header span {
    color: var(--muted);
    font-size: .64rem;
    font-weight: 900;
}
.ink-overview-machine .machine-count-row {
    gap: 3px;
}
.ink-overview-machine .machine-count-row b {
    min-height: 17px;
    padding: 1px 5px;
    font-size: .58rem;
}
.ink-overview-progress {
    --progress: 0;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #fff 0 52%, transparent 54%),
        conic-gradient(#16a34a calc(var(--progress) * 1%), #fbbf24 0);
    box-shadow:
        inset 0 0 0 1px rgba(15, 23, 42, .08),
        0 8px 18px rgba(15, 23, 42, .12);
}
.ink-overview-progress span {
    color: #0f172a !important;
    font-size: .62rem !important;
    font-weight: 950 !important;
}
.ink-overview-order {
    display: grid;
    gap: 4px;
    padding: 6px;
    border: 1px solid #fde68a;
    border-radius: 7px;
    background: #fffbeb;
}
.ink-overview-order.ready {
    border-color: #86efac;
    background: #ecfdf5;
}
.ink-overview-order.transferred {
    border-color: #92400e;
    background: #d6b08a;
}
.ink-overview-order-head {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}
.ink-overview-order-head strong {
    color: #0f172a;
    font-size: .74rem;
    font-weight: 950;
}
.ink-overview-order-head span,
.ink-overview-order small {
    color: #475569;
    font-size: .58rem;
    font-weight: 850;
}
.ink-overview-colors {
    display: grid;
    gap: 3px;
}
.ink-overview-colors span {
    display: grid;
    gap: 1px;
    padding: 5px 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .72);
}
.ink-overview-colors span.ready {
    background: #dcfce7;
}
.ink-overview-colors b {
    color: #0f172a;
    font-size: .72rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}
.ink-overview-colors em {
    color: #475569;
    font-size: .56rem;
    font-style: normal;
    overflow-wrap: anywhere;
}
.color-page {
    width: min(1480px, calc(100% - 32px));
    margin: 0 auto 90px;
    display: grid;
    gap: 16px;
}

.waste-page{display:grid;gap:16px;padding:18px 0 34px}.waste-tabs{display:flex;gap:8px;flex-wrap:wrap}.waste-tabs a{padding:9px 13px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#475569;font-weight:850;text-decoration:none}.waste-tabs a.active{border-color:#86efac;background:#f0fdf4;color:#15803d}.waste-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:16px;align-items:start}.waste-layout.lower{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.waste-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.waste-fields label{display:grid;gap:5px;color:#475569;font-size:.78rem;font-weight:850}.waste-fields input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.waste-formula-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.waste-formula-grid label{position:relative;display:grid;grid-template-columns:1fr 72px 16px;gap:5px;align-items:center;padding:9px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc}.waste-formula-grid span{font-size:.76rem;font-weight:900}.waste-formula-grid small{grid-column:1;color:#64748b}.waste-formula-grid input{grid-column:2;grid-row:1/3;width:100%;padding:7px;border:1px solid #cbd5e1;border-radius:6px}.waste-formula-grid b{grid-column:3;grid-row:1/3;color:#64748b}.waste-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.waste-metrics span{display:grid;gap:3px;padding:9px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff}.waste-metrics small{color:#64748b}.waste-metrics b{color:#1d4ed8}.waste-barrel{position:relative;height:92px;margin:13px 0;border:3px solid #64748b;border-radius:12px;overflow:hidden;background:#f1f5f9}.waste-barrel i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#dc2626,#881337)}.waste-barrel strong{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 3px #0f172a}.waste-steps{display:grid;gap:7px;padding:0;list-style:none;counter-reset:step}.waste-steps li{counter-increment:step;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border-left:4px solid #f97316;border-radius:7px;background:#fff7ed}.waste-steps li:before{content:counter(step);display:none}.waste-steps li.base{border-left-color:#2563eb;background:#eff6ff}.waste-steps span{display:grid;gap:3px}.waste-steps small{color:#64748b}.waste-warning{padding:10px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:.76rem;font-weight:800}.waste-stock-list{display:grid;gap:9px}.waste-stock-list article{padding:11px;border:1px solid #e2e8f0;border-radius:9px}.waste-stock-list header{display:flex;justify-content:space-between;gap:8px}.waste-stock-list header div{display:grid}.waste-stock-list small,.waste-stock-list p{color:#64748b;font-size:.75rem}.waste-stock-list p{margin:7px 0}.waste-stock-list article>div{display:flex;gap:5px;flex-wrap:wrap}.waste-stock-list article>div span{padding:4px 6px;border-radius:6px;background:#f1f5f9;font-size:.67rem;font-weight:800}
@media(max-width:900px){.waste-layout,.waste-layout.lower{grid-template-columns:1fr}.waste-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.waste-fields,.waste-formula-grid{grid-template-columns:1fr}.waste-metrics{grid-template-columns:1fr 1fr}}
.color-hero {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: linear-gradient(135deg, #f8fafc, #ecfeff);
}
.color-hero span,
.color-hero strong {
    color: #0f766e;
    font-size: .78rem;
    font-weight: 950;
}
.color-hero h1 {
    margin: 4px 0;
    color: #0f172a;
    font-size: clamp(1.6rem, 3vw, 2.5rem);
}
.color-hero p {
    max-width: 720px;
    margin: 0;
    color: #475569;
    font-weight: 750;
}
.color-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
    gap: 16px;
    align-items: start;
}
.color-panel {
    min-width: 0;
    display: grid;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
}
.color-delta-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.color-delta-grid label,
.color-formula-grid label,
.color-wide-label {
    display: grid;
    gap: 6px;
    color: #334155;
    font-size: .78rem;
    font-weight: 950;
}
.color-delta-grid input,
.color-formula-grid input,
.color-wide-label input,
.color-wide-label textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px;
    font: inherit;
}
.color-axis-help {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.color-axis-help span {
    padding: 6px 9px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: .74rem;
    font-weight: 900;
}
.color-map-card {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
}
.color-map-head,
.color-guide-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.color-map-head div { display: grid; gap: 2px; }
.color-map-head span,
.color-guide-status span {
    color: #0891b2;
    font-size: .68rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.color-map-head strong { color: #0f172a; font-size: 1.05rem; }
.color-map-head b,
.color-guide-status b {
    padding: 6px 9px;
    border: 1px solid #fecaca;
    border-radius: 999px;
    background: #fff1f2;
    color: #dc2626;
    font-size: .72rem;
    white-space: nowrap;
}
.color-map-head b.near,
.color-guide-status b.near { border-color: #86efac; background: #f0fdf4; color: #15803d; }
.color-map-head b.medium,
.color-guide-status b.medium { border-color: #fde68a; background: #fffbeb; color: #b45309; }
.color-map-shell {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 42px;
    gap: 8px;
    align-items: stretch;
}
.color-map-y-title,
.color-lightness {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #334155;
    font-size: .64rem;
    font-weight: 900;
}
.color-map-y-title span:first-child { color: #d97706; }
.color-map-y-title span:last-child { color: #2563eb; }
.color-map-y-title strong { font-size: 1rem; }
.color-map-y-title span { writing-mode: vertical-rl; transform: rotate(180deg); }
.color-map-stage { min-width: 0; display: grid; gap: 7px; }
.color-map-field {
    position: relative;
    aspect-ratio: 1.45 / 1;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .16);
    border-radius: 10px;
    background:
        linear-gradient(to bottom, rgba(250,204,21,.72), rgba(250,204,21,0) 52%, rgba(37,99,235,.72)),
        linear-gradient(to right, #16a34a, #e2e8f0 50%, #ef4444);
    box-shadow: inset 0 0 45px rgba(15, 23, 42, .12);
}
.color-map-field svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.color-map-grid path { fill: none; stroke: rgba(255,255,255,.22); stroke-width: .3; }
.color-map-rings circle { fill: none; stroke: rgba(255,255,255,.72); stroke-width: .45; stroke-dasharray: 1.5 1; }
.color-map-route { fill: none; stroke: #fff; stroke-width: 1.25; stroke-linecap: round; filter: drop-shadow(0 1px 2px rgba(15,23,42,.7)); transition: d .3s ease; }
.color-map-steps circle { fill: #fff; stroke: #2563eb; stroke-width: .45; }
.color-map-steps text { fill: #1e3a8a; font-size: 3.2px; font-weight: 950; text-anchor: middle; }
.color-map-target,
.color-map-measure {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    transition: left .3s ease, top .3s ease;
}
.color-map-target i,
.color-map-measure i {
    display: block;
    width: 22px;
    height: 22px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #16a34a;
    box-shadow: 0 0 0 3px #15803d, 0 3px 9px rgba(15,23,42,.35);
}
.color-map-target i::after {
    content: "";
    position: absolute;
    inset: 7px;
    border-radius: 50%;
    background: #fff;
}
.color-map-measure i { width: 19px; height: 19px; background: #ef4444; box-shadow: 0 0 0 3px #b91c1c, 0 3px 9px rgba(15,23,42,.35); }
.color-map-target span,
.color-map-measure span {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    transform: translateX(-50%);
    padding: 4px 6px;
    border-radius: 5px;
    background: #15803d;
    color: #fff;
    font-size: .62rem;
    font-weight: 950;
    white-space: nowrap;
}
.color-map-measure span { background: #b91c1c; }
.color-map-x-axis { display: flex; justify-content: space-between; color: #334155; font-size: .68rem; font-weight: 950; }
.color-map-x-axis span:first-child { color: #15803d; }
.color-map-x-axis span:last-child { color: #dc2626; }
.color-lightness div { position: relative; flex: 1; width: 14px; margin: 7px 0; border: 1px solid #cbd5e1; border-radius: 999px; background: linear-gradient(#fff, #020617); }
.color-lightness i { position: absolute; left: -4px; top: 50%; width: 22px; height: 3px; border-radius: 3px; background: #06b6d4; box-shadow: 0 0 0 1px #fff; transition: top .3s ease; }
.color-map-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #475569; font-size: .68rem; font-weight: 850; }
.color-map-legend span { display: inline-flex; align-items: center; gap: 5px; }
.color-map-legend i { width: 9px; height: 9px; border: 2px dotted #ef4444; border-radius: 50%; }
.color-map-legend i.near { border-color: #16a34a; }
.color-map-legend i.medium { border-color: #f59e0b; }
.color-map-legend small { margin-left: auto; color: #64748b; }
.color-live-guide { display: grid; gap: 12px; padding: 14px; border: 1px solid #bae6fd; border-radius: 12px; background: linear-gradient(145deg, #fff, #f0f9ff); }
.color-guide-primary { display: grid; grid-template-columns: 38px 1fr; gap: 10px; align-items: center; }
.color-guide-primary i { display: grid; place-items: center; width: 38px; height: 38px; border: 2px solid #ef4444; border-radius: 50%; color: #dc2626; font-size: 1.35rem; font-style: normal; font-weight: 950; }
.color-guide-primary p,
.color-guide-secondary,
.color-guide-warning { margin: 0; color: #0f172a; font-weight: 850; }
.color-guide-secondary { padding-left: 48px; color: #b45309; font-size: .84rem; }
.color-guide-ink,
.color-guide-dose { display: flex; justify-content: space-between; gap: 10px; padding: 11px; border: 1px solid #86efac; border-radius: 9px; background: #f0fdf4; font-size: .8rem; }
.color-guide-ink strong { color: #15803d; }
.color-guide-dose { border-color: #bfdbfe; background: #eff6ff; }
.color-guide-dose strong { color: #1d4ed8; }
.color-guide-warning { padding: 10px; border: 1px solid #fed7aa; border-radius: 9px; background: #fff7ed; color: #c2410c; font-size: .76rem; }
.color-guide-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.color-map-card.simulating .color-map-measure { animation: color-map-simulate 1.7s ease-in-out infinite alternate; }
@keyframes color-map-simulate { to { left: 50%; top: 50%; } }
.color-formula-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}
.color-base-card {
    min-width: 0;
    align-content: start;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #f8fafc;
}
.color-base-card span,
.color-base-card strong,
.color-base-card small {
    min-width: 0;
    overflow-wrap: anywhere;
}
.color-base-card strong {
    color: #0f172a;
    font-size: .88rem;
}
.color-base-card small {
    color: #64748b;
    font-size: .66rem;
    font-weight: 850;
}
.color-analysis-list,
.color-note-list,
.color-recommendations,
.color-history-list {
    display: grid;
    gap: 10px;
}
.color-analysis-list span {
    padding: 10px;
    border-left: 4px solid #0f766e;
    border-radius: 8px;
    background: #f0fdfa;
    color: #134e4a;
    font-weight: 850;
}
.color-note-list span {
    padding: 9px;
    border: 1px solid #fde68a;
    border-radius: 8px;
    background: #fffbeb;
    color: #78350f;
    font-size: .82rem;
    font-weight: 850;
}
.color-recommendations article,
.color-history-list article {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #f8fafc;
}
.color-recommendations article.use {
    border-color: #99f6e4;
    background: #f0fdfa;
}
.color-recommendations article.avoid {
    border-color: #fecaca;
    background: #fff1f2;
}
.color-recommendations header {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.color-recommendations header strong {
    display: grid;
    gap: 2px;
}
.color-recommendations header strong span {
    color: #0f766e;
    font-size: .76rem;
    font-weight: 950;
}
.color-recommendations header b {
    padding: 4px 8px;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    white-space: nowrap;
}
.color-recommendations article.avoid header b {
    background: #fee2e2;
    color: #991b1b;
}
.color-rec-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.color-rec-meta span {
    padding: 5px 7px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
    font-size: .7rem;
    font-weight: 950;
}
.color-recommendations p,
.color-recommendations small,
.color-recommendations em,
.color-history-list span,
.color-history-list small {
    margin: 0;
    color: #475569;
    font-weight: 750;
}
.color-recommendations em {
    font-size: .78rem;
    font-style: normal;
    color: #0f766e;
}
.color-success-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 950;
}
.color-history-list .success {
    border-color: #86efac;
    background: #f0fdf4;
}
.color-history-list .fail {
    border-color: #fecaca;
    background: #fff1f2;
}

@media (max-width: 720px) {
    .ink-request-page .ink-color-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ink-request-card,
    .ink-global-alert {
        grid-template-columns: 1fr;
    }
    .ink-request-actions {
        justify-content: stretch;
    }
    .ink-request-actions .btn {
        flex: 1 1 110px;
    }
    .ink-choice-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ink-request-page .ink-choice-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ink-global-alert {
        right: 10px;
        bottom: 72px;
    }
    .ink-overview-grid {
        grid-template-columns: repeat(8, minmax(132px, 1fr));
    }
    .color-layout,
    .color-delta-grid {
        grid-template-columns: 1fr;
    }
    .color-formula-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .color-map-shell { grid-template-columns: 26px minmax(0, 1fr) 34px; }
    .color-map-field { aspect-ratio: 1.15 / 1; }
    .color-guide-actions { grid-template-columns: 1fr; }
    .color-hero {
        display: grid;
    }
}

@media (max-width: 430px) {
    .ink-request-page .ink-color-grid {
        grid-template-columns: 1fr;
    }
    .ink-choice-row {
        grid-template-columns: 1fr;
    }
    .ink-request-pick .btn {
        width: 100%;
    }
    .color-page {
        width: min(100% - 20px, 1480px);
    }
    .color-formula-grid {
        grid-template-columns: 1fr;
    }
    .color-map-card { padding: 9px; }
    .color-map-head { align-items: flex-start; }
    .color-map-head b { font-size: .62rem; }
    .color-map-legend small { width: 100%; margin-left: 0; }
}

.admin-shell .site-header,
.admin-shell .site-footer,
.admin-shell .whatsapp-float,
.admin-shell .skip-link {
    display: none !important;
}
.admin-shell #main {
    padding-top: 14px;
}
.admin-menu {
    grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)) !important;
    gap: 6px !important;
    align-items: stretch;
}
.admin-menu a {
    min-height: 32px !important;
    padding: 5px 6px !important;
    font-size: .72rem !important;
    line-height: 1.05;
    white-space: normal;
    text-align: center;
}
.admin-menu .admin-profile-chip {
    display: flex !important;
    justify-content: flex-start;
    gap: 6px;
    grid-column: span 2;
    min-width: 0;
}
.admin-profile-chip .layout-avatar-wrap {
    position: relative;
    flex: 0 0 auto;
}
.admin-profile-chip img,
.admin-profile-chip b {
    width: 26px;
    height: 26px;
    border-radius: 999px;
}
.admin-profile-chip img {
    object-fit: cover;
}
.admin-profile-chip b {
    display: grid;
    place-items: center;
    background: #0f766e;
    color: #fff;
}
.admin-profile-chip strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin-profile-chip .online-dot {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 9px;
    height: 9px;
}
.panel-chat-widget {
    z-index: 120;
}
.panel-chat-toggle {
    position: relative;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: #16a34a !important;
    box-shadow: 0 14px 34px rgba(22, 163, 74, .35) !important;
}
.panel-chat-toggle b {
    position: absolute;
    right: -4px;
    top: -5px;
    min-width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    padding: 0 6px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: .68rem;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(220, 38, 38, .35);
    animation: chatBadgePop .22s ease-out;
}
@keyframes chatBadgePop {
    from { transform: scale(.72); opacity: .5; }
    to { transform: scale(1); opacity: 1; }
}
.panel-chat-toggle > span {
    font-size: 1.45rem;
}
.panel-chat-box {
    width: min(clamp(680px, 50vw, 920px), calc(100vw - 24px)) !important;
    height: min(480px, calc(100vh - 96px)) !important;
    max-height: min(480px, calc(100vh - 96px)) !important;
    display: grid !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    align-content: stretch !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(18px);
    box-shadow: 0 22px 70px rgba(15, 23, 42, .24) !important;
}
.panel-chat-box[hidden] {
    display: none !important;
}
.panel-chat-head {
    padding: 12px !important;
    background: #075e54 !important;
    color: #fff !important;
}
.panel-chat-head > div:first-child {
    display: grid;
    gap: 3px;
}
.panel-chat-head span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #d1fae5;
    font-size: .76rem;
    font-weight: 850;
}
.panel-chat-tools {
    display: flex;
    align-items: center;
    gap: 5px;
}
.panel-chat-tools button,
.panel-chat-tools label {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    color: #fff;
    padding: 0;
    font-weight: 900;
    cursor: pointer;
}
.panel-chat-search {
    padding: 8px;
    background: #f8fafc;
    border-bottom: 1px solid var(--line);
}
.panel-chat-search[hidden],
.panel-chat-typing[hidden],
.panel-chat-reply[hidden],
.panel-chat-drop[hidden],
.panel-chat-toast[hidden] {
    display: none !important;
}
.panel-chat-search input {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 9px 12px;
}
.panel-chat-typing {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    color: #64748b;
    font-size: .76rem;
    font-weight: 850;
    background: #f8fafc;
}
.panel-chat-typing b {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #64748b;
    animation: chatTyping 1s infinite ease-in-out;
}
.panel-chat-typing b:nth-child(3) { animation-delay: .15s; }
.panel-chat-typing b:nth-child(4) { animation-delay: .3s; }
@keyframes chatTyping {
    0%, 80%, 100% { transform: translateY(0); opacity: .45; }
    40% { transform: translateY(-4px); opacity: 1; }
}
.panel-chat-messages {
    grid-row: 4 !important;
    display: grid !important;
    align-content: start !important;
    gap: 7px !important;
    padding: 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at 20% 20%, rgba(15,118,110,.05) 0 2px, transparent 3px),
        radial-gradient(circle at 80% 40%, rgba(15,118,110,.04) 0 2px, transparent 3px),
        #efeae2 !important;
    min-height: 0 !important;
}
.panel-chat-message {
    display: flex !important;
    align-items: flex-end;
    gap: 6px !important;
    max-width: 90% !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.panel-chat-message[hidden],
.panel-chat-date[hidden] { display: none !important; }
.panel-chat-message.mine {
    flex-direction: row-reverse;
    background: transparent !important;
}
.panel-chat-avatar {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    overflow: hidden;
    background: #cbd5e1;
    color: #0f172a;
    font-size: .76rem;
    font-weight: 950;
}
.panel-chat-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.panel-chat-bubble {
    position: relative;
    min-width: 0;
    display: grid;
    gap: 5px;
    padding: 8px 9px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(15,23,42,.08);
}
.panel-chat-message.mine .panel-chat-bubble {
    background: #d9fdd3;
}
.panel-chat-message blockquote {
    margin: 0;
    padding: 5px 7px;
    border-left: 3px solid #22c55e;
    border-radius: 6px;
    background: rgba(255,255,255,.55);
    color: #475569;
    font-size: .72rem;
}
.panel-chat-message video {
    width: 100%;
    max-height: 190px;
    border-radius: 8px;
}
.panel-chat-message audio {
    width: 230px;
    max-width: 100%;
}
.panel-chat-file {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    border-radius: 8px;
    background: rgba(15,23,42,.06);
    color: #0f172a;
    font-size: .8rem;
    font-weight: 900;
}
.panel-chat-message small.read {
    color: #0284c7 !important;
}
.panel-chat-reaction {
    justify-self: end;
    padding: 1px 5px;
    border-radius: 999px;
    background: #fff;
    font-style: normal;
}
.panel-chat-message menu {
    display: none;
    gap: 4px;
    margin: 0;
    padding: 0;
}
.panel-chat-message:hover menu,
.panel-chat-message:focus-within menu {
    display: flex;
    flex-wrap: wrap;
}
.panel-chat-message menu button {
    border: 0;
    border-radius: 999px;
    padding: 3px 6px;
    background: rgba(15,23,42,.07);
    color: #334155;
    font-size: .65rem;
    font-weight: 850;
}
.panel-chat-date {
    justify-self: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    color: #64748b;
    font-size: .68rem;
    font-weight: 900;
}
.panel-chat-form {
    grid-row: 5 !important;
    position: relative;
    z-index: 2;
    display: grid !important;
    gap: 6px !important;
    padding: 6px !important;
    margin: 0 !important;
    background: #f0f2f5;
    align-self: end !important;
    justify-self: stretch;
    border-radius: 0 0 18px 18px;
    border-top: 1px solid rgba(15,23,42,.08);
}
.panel-chat-composer {
    display: grid;
    grid-template-columns: repeat(6, 36px) minmax(220px, 1fr) 44px;
    gap: 6px;
    align-items: center;
    min-width: 0;
}
.panel-chat-composer button,
.panel-chat-composer label {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
}
.panel-chat-composer textarea {
    width: 100%;
    min-height: 46px;
    max-height: 96px;
    resize: none;
    border: 0;
    border-radius: 14px;
    padding: 11px 13px;
    font: inherit;
    font-size: .95rem;
    line-height: 1.35;
}
.panel-chat-print-link {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-weight: 950;
    text-decoration: none;
}
.panel-chat-print-link:hover,
.panel-chat-print-link:focus-visible {
    background: #2563eb;
    color: #fff;
}
.ledger-task:target,
.deformed-record:target {
    outline: 4px solid #38bdf8;
    outline-offset: 4px;
    animation: linkedRecordPulse 1.4s ease-out 2;
}
@keyframes linkedRecordPulse {
    50% { outline-color: #f59e0b; }
}
.panel-chat-emoji-picker {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 4px;
    max-height: 104px;
    overflow-y: auto;
    padding: 6px;
    border-radius: 10px;
    background: rgba(255,255,255,.92);
    box-shadow: inset 0 0 0 1px rgba(15,23,42,.08);
}
.panel-chat-emoji-picker[hidden] {
    display: none !important;
}
.panel-chat-emoji-picker button {
    min-width: 0;
    height: 28px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    font-size: 1.05rem;
    cursor: pointer;
}
.panel-chat-emoji-picker button:hover {
    background: #dcfce7;
}
.panel-chat-send {
    background: #16a34a !important;
    color: #fff;
}
.panel-chat-reply,
.panel-chat-drop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 9px;
    border-radius: 8px;
    background: #dcfce7;
    color: #166534;
    font-size: .76rem;
    font-weight: 850;
}
.panel-chat-toast {
    position: absolute;
    right: 0;
    bottom: 68px;
    width: min(280px, calc(100vw - 24px));
    padding: 10px 12px;
    border-radius: 12px;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 14px 32px rgba(15,23,42,.24);
    font-size: .82rem;
    font-weight: 850;
}
.panel-chat-widget.dark .panel-chat-box {
    background: rgba(15,23,42,.92) !important;
}
.panel-chat-widget.dark .panel-chat-messages {
    background: #111827 !important;
}
.panel-chat-widget.dark .panel-chat-bubble {
    background: #1f2937;
    color: #e5e7eb;
}
.panel-chat-widget.dark .panel-chat-message.mine .panel-chat-bubble {
    background: #14532d;
}
.video-call-picker, .video-incoming { width:min(420px,calc(100% - 24px)); padding:0; border:0; border-radius:14px; box-shadow:0 22px 70px #0f172a66; }
.chat-poll-dialog { width:min(420px,calc(100% - 24px)); padding:0; border:0; border-radius:14px; box-shadow:0 22px 70px #0f172a66; }
.chat-poll-dialog::backdrop { background:#0f172a99; }
.chat-poll-dialog header { display:flex; justify-content:space-between; align-items:center; padding:13px 15px; background:#4338ca; color:#fff; }
.chat-poll-dialog header button { border:0; background:transparent; color:#fff; font-size:1.4rem; }
.chat-poll-dialog form { display:grid; gap:8px; padding:14px; }
.chat-poll-dialog input { min-height:42px; padding:8px 10px; border:1px solid #cbd5e1; border-radius:8px; }
.chat-poll-board { max-height:210px; overflow:auto; padding:8px; border-bottom:1px solid #e2e8f0; background:#eef2ff; }
.chat-poll-board[hidden] { display:none !important; }
.chat-poll-card { padding:9px; border:1px solid #c7d2fe; border-radius:9px; background:#fff; }
.chat-poll-card + .chat-poll-card { margin-top:7px; }
.chat-poll-card header { display:flex; justify-content:space-between; gap:7px; margin-bottom:6px; color:#312e81; }
.chat-poll-option { position:relative; width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; overflow:hidden; margin:4px 0; padding:7px 8px; border:1px solid #c7d2fe; border-radius:7px; background:#fff; color:#1e293b; text-align:left; cursor:pointer; }
.chat-poll-option i { position:absolute; inset:0 auto 0 0; z-index:0; background:#c7d2fe; opacity:.55; }
.chat-poll-option span,.chat-poll-option b { position:relative; z-index:1; }
.chat-poll-option.selected { border-color:#4f46e5; box-shadow:inset 0 0 0 1px #4f46e5; }
.chat-poll-card small { color:#64748b; }
.video-call-picker::backdrop, .video-incoming::backdrop { background:#0f172a99; backdrop-filter:blur(3px); }
.video-call-picker header { display:flex; justify-content:space-between; align-items:center; padding:13px 15px; background:#0f766e; color:#fff; }
.video-call-picker header button { border:0; background:transparent; color:#fff; font-size:1.4rem; cursor:pointer; }
.video-select-all { display:flex; gap:8px; padding:12px 15px; border-bottom:1px solid #e2e8f0; color:#0f172a; font-weight:850; }
.video-call-picker [data-video-user-list] { display:grid; gap:5px; max-height:300px; overflow:auto; padding:10px 15px; }
.video-user-option { display:flex; gap:9px; align-items:center; padding:8px; border:1px solid #e2e8f0; border-radius:8px; color:#334155; font-weight:800; }
.video-user-option i { width:9px; height:9px; border-radius:50%; background:#22c55e; }
.video-call-picker > .btn { width:calc(100% - 30px); margin:4px 15px 15px; }
.video-incoming { padding:18px; text-align:center; }
.video-incoming strong, .video-incoming span { display:block; margin-bottom:8px; }
.video-incoming > div { display:flex; justify-content:center; gap:8px; margin-top:14px; }
.video-call-room { position:fixed; z-index:10020; inset:18px; display:grid; grid-template-rows:auto minmax(0,1fr) auto; border-radius:16px; overflow:hidden; background:#07111f; box-shadow:0 25px 90px #000a; }
.video-call-room[hidden] { display:none !important; }
.video-call-room.minimized { inset:auto 18px 18px auto; width:min(360px,calc(100% - 24px)); height:250px; }
.video-call-room header { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; background:#0f172a; color:#fff; }
.video-call-room header div { display:grid; }
.video-call-room header span { color:#94a3b8; font-size:.72rem; }
.video-call-room header button { border:0; background:#334155; color:#fff; border-radius:7px; padding:5px 10px; cursor:pointer; }
.video-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:8px; min-height:0; overflow:auto; padding:8px; }
.video-tile { position:relative; min-height:190px; overflow:hidden; border-radius:10px; background:#111827; }
.video-tile video { width:100%; height:100%; object-fit:cover; }
.video-tile span { position:absolute; left:8px; bottom:8px; padding:4px 8px; border-radius:999px; background:#000a; color:#fff; font-size:.72rem; font-weight:900; }
.video-tile.local video { transform:scaleX(-1); }
.video-call-room footer { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; padding:11px; background:#0f172a; }
.video-call-room footer button { min-height:42px; padding:8px 14px; border:0; border-radius:999px; background:#334155; color:#fff; font-weight:850; cursor:pointer; }
.video-call-room footer button.off { background:#64748b; text-decoration:line-through; }
.video-call-room footer .hangup { background:#dc2626; }
@media(max-width:700px){.video-call-room{inset:0;border-radius:0}.video-grid{grid-template-columns:1fr}.video-tile{min-height:220px}.video-call-room.minimized{inset:auto 8px 8px 8px;width:auto;height:230px;border-radius:12px}}

/* Klişe hazırlık canlı fabrika krokisi */
.factory-kroki { --navy:#0b1930; --blue:#2563eb; --green:#10b981; --amber:#f59e0b; max-width:1600px; margin:0 auto; padding:18px; color:#dbeafe; }
.kroki-hero { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:22px 25px; border:1px solid #1e3a5f; border-radius:16px; background:linear-gradient(115deg,#071426,#102b4c); box-shadow:0 18px 45px #02061735; }
.kroki-hero span { color:#38bdf8; font-size:.7rem; font-weight:950; letter-spacing:.18em; }
.kroki-hero h1 { margin:4px 0; color:#fff; font-size:clamp(1.45rem,3vw,2.3rem); }
.kroki-hero p { margin:0; color:#94a3b8; }
.kroki-live { display:flex; gap:8px; align-items:center; padding:9px 13px; border:1px solid #14532d; border-radius:999px; background:#052e24; }
.kroki-live i { width:9px; height:9px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 0 #22c55e88; animation:krokiPulse 1.6s infinite; }
.kroki-live b { color:#fff; font-variant-numeric:tabular-nums; }
@keyframes krokiPulse { 70%{box-shadow:0 0 0 8px transparent} }
.kroki-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:12px 0; }
.kroki-kpis article { display:grid; gap:2px; padding:14px 16px; border:1px solid #1e3a5f; border-radius:12px; background:#0f2139; }
.kroki-kpis span,.kroki-kpis small { color:#94a3b8; font-size:.72rem; font-weight:800; }.kroki-kpis strong{color:#fff;font-size:1.65rem}.kroki-kpis .pending strong{color:#fbbf24}.kroki-kpis .delivered strong{color:#34d399}.kroki-kpis .rate div{height:5px;overflow:hidden;border-radius:9px;background:#1e293b}.kroki-kpis .rate i{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#22c55e)}
.factory-floor { position:relative; min-height:720px; overflow:hidden; border:1px solid #1e3a5f; border-radius:18px; background:#071426; box-shadow:inset 0 0 80px #02061788; }
.floor-grid { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(#334155 1px,transparent 1px),linear-gradient(90deg,#334155 1px,transparent 1px); background-size:28px 28px; }
.flow-lines { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.65; }.flow-lines path{fill:none;stroke:#38bdf8;stroke-width:2;stroke-dasharray:8 8;marker-end:url(#flow-arrow);animation:flowDash 2s linear infinite}.flow-lines marker path{fill:#38bdf8;stroke:none}@keyframes flowDash{to{stroke-dashoffset:-32}}
.klise-archive { position:absolute; z-index:3; top:18px; right:22px; width:min(430px,34%); height:126px; overflow:hidden; border:1px solid #f59e0b88; border-radius:13px; background:linear-gradient(135deg,#3a2505,#1c1b16); box-shadow:0 10px 35px #0007; transition:height .25s ease; }
.klise-archive:hover,.klise-archive:focus-within { height:370px; }
.klise-archive header { display:flex; gap:9px; align-items:center; padding:10px; border-bottom:1px solid #854d0e; }.archive-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#f59e0b;color:#422006;font-size:1.2rem}.klise-archive header div:nth-child(2){display:grid;flex:1}.klise-archive header span{color:#fbbf24;font-size:.6rem;font-weight:950;letter-spacing:.12em}.klise-archive header strong{color:#fff}.klise-archive header>b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#f59e0b;color:#422006}
.archive-search { display:flex; gap:7px; align-items:center; margin:8px; padding:6px 9px; border:1px solid #78350f; border-radius:7px; background:#0f172a; }.archive-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.archive-racks{max-height:278px;overflow:auto;padding:0 8px 9px}.archive-klise{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:8px;align-items:center;margin:5px 0;padding:7px;border:1px solid #713f12;border-radius:7px;background:#292012;color:#fff}.archive-klise[hidden]{display:none}.archive-klise>i{height:100%;border-radius:5px;background:#f59e0b}.archive-klise span{display:grid}.archive-klise small{color:#d6b987;font-size:.62rem}.archive-klise>b{color:#fbbf24;font-size:.65rem}.archive-empty{padding:18px;text-align:center;color:#86efac}
.machine-zone { position:absolute; z-index:2; inset:0; padding:158px 20px 22px; }.machine-zone>header{display:flex;gap:9px;align-items:baseline;margin-bottom:9px}.machine-zone>header span{color:#38bdf8;font-size:.62rem;font-weight:950;letter-spacing:.14em}.machine-zone>header strong{color:#fff}
.machine-map-grid { display:grid; grid-template-columns:repeat(10,minmax(82px,1fr)); grid-template-rows:90px 90px 90px 90px 70px; gap:10px; height:500px; }
.factory-machine { min-width:0; display:grid; grid-template-rows:auto 86px minmax(0,1fr) auto; overflow:hidden; border:1px solid #27577d; border-radius:10px; background:linear-gradient(180deg,#102c48,#0b1d31); box-shadow:0 12px 24px #0005; }
.machine-pos-3{grid-column:1;grid-row:1/6}.machine-pos-4{grid-column:2;grid-row:1/6}.machine-pos-6{grid-column:3;grid-row:1/6}.machine-pos-0{grid-column:4;grid-row:1/6}.machine-pos-5{grid-column:5;grid-row:1/6}.machine-pos-1{grid-column:6;grid-row:1/6}.machine-pos-2{grid-column:7;grid-row:1/6}.machine-pos-7{grid-column:10;grid-row:1/6}
.machine-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center;padding:8px;border-bottom:1px solid #27577d;color:#fff}.machine-head div{display:grid;min-width:0}.machine-head small{color:#60a5fa;font-size:.52rem;font-weight:950}.machine-head strong{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.machine-head>b{color:#34d399;font-size:.67rem}.machine-light{width:8px;height:8px;border-radius:50%;background:#64748b}.machine-light.running{background:#22c55e;box-shadow:0 0 8px #22c55e}.machine-body{position:relative;display:grid;place-items:center;background:linear-gradient(90deg,#182c42,#264761,#182c42)}.machine-rollers{display:flex;gap:5px}.machine-rollers i{width:16px;height:52px;border-radius:8px;background:linear-gradient(90deg,#475569,#cbd5e1,#475569);box-shadow:inset 0 0 0 2px #334155}.machine-belt{position:absolute;bottom:8px;width:74%;height:7px;border-radius:4px;background:repeating-linear-gradient(90deg,#334155 0 8px,#64748b 8px 12px)}
.machine-klises{min-height:0;overflow:auto;padding:6px}.machine-klises>a{display:flex;gap:4px;align-items:center;margin:4px 0;padding:5px;border:1px solid #166534;border-radius:5px;background:#052e24;color:#dcfce7;font-size:.59rem;font-weight:850}.machine-klises>a i{color:#4ade80;font-style:normal}.machine-klises .more{border-color:#1d4ed8;background:#172554;color:#bfdbfe}.machine-empty{display:block;padding:12px 3px;color:#64748b;font-size:.6rem;text-align:center}.factory-machine footer{display:grid;gap:3px;padding:6px;border-top:1px solid #27577d;color:#94a3b8;font-size:.55rem}.factory-machine footer span{display:flex;gap:4px;align-items:center}.factory-machine footer i,.kroki-legend i{width:7px;height:7px;border-radius:50%}.green{background:#22c55e}.amber{background:#f59e0b}.red{background:#ef4444}
.facility-block{display:grid;place-items:center;padding:7px;border:1px solid #64748b;border-radius:8px;background:#172033;color:#e2e8f0;text-align:center}.facility-block strong{font-size:.68rem}.facility-block span,.facility-block small{font-size:.56rem;color:#94a3b8}.kaliphane{grid-column:8/10;grid-row:1/3;background:#2b1820;border-color:#be123c}.ink-room{grid-column:8/10;grid-row:3/4;background:#25240c;border-color:#a16207}.klise-room{grid-column:8/10;grid-row:4/6;background:#172554;border-color:#2563eb}
.kroki-legend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:10px;padding:10px 14px;border:1px solid #1e3a5f;border-radius:10px;background:#0f2139;color:#cbd5e1;font-size:.7rem}.kroki-legend span{display:flex;gap:5px;align-items:center}.kroki-legend small{margin-left:auto;color:#64748b}
.radio-page {
    width: min(980px, calc(100% - 28px));
    margin: 0 auto 80px;
    color: #0f172a;
}
.radio-player-card {
    min-width: 0;
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 16px;
    background:
        linear-gradient(140deg, rgba(14, 116, 144, .10), transparent 38%),
        linear-gradient(220deg, rgba(22, 163, 74, .12), transparent 42%),
        #fff;
    box-shadow: 0 22px 60px rgba(15, 23, 42, .12);
}
.radio-player-card[hidden] {
    display: none !important;
}
.radio-header,
.radio-now,
.radio-main-controls,
.radio-custom,
.radio-settings {
    display: flex;
    align-items: center;
    gap: 12px;
}
.radio-header {
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}
.radio-header span,
.radio-now span,
.radio-custom span,
.radio-settings span {
    color: #64748b;
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.radio-header h1 {
    margin: 2px 0 0;
    color: #0f172a;
    font-size: clamp(1.9rem, 5vw, 4.1rem);
    line-height: .95;
}
.radio-icon-button {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 950;
    cursor: pointer;
}
.radio-now {
    align-items: center;
    padding: 14px;
    border-radius: 14px;
    background: #f8fafc;
}
.radio-now > div:last-child {
    display: grid;
    gap: 3px;
    min-width: 0;
}
.radio-now strong {
    color: #0f172a;
    font-size: clamp(1.2rem, 3vw, 2rem);
    overflow-wrap: anywhere;
}
.radio-now small {
    color: #0f766e;
    font-weight: 950;
}
.radio-disc {
    width: 82px;
    height: 82px;
    flex: 0 0 82px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background:
        radial-gradient(circle, #fff 0 10px, #0f172a 11px 15px, transparent 16px),
        conic-gradient(from 45deg, #06b6d4, #22c55e, #facc15, #ef4444, #06b6d4);
    box-shadow: inset 0 0 0 8px rgba(15, 23, 42, .85), 0 14px 30px rgba(15, 23, 42, .16);
}
.radio-disc i {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #fff;
}
.radio-disc.spin {
    animation: radioSpin 3.6s linear infinite;
}
@keyframes radioSpin {
    to { transform: rotate(360deg); }
}
.radio-main-controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.radio-control {
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    background: #e2e8f0;
    color: #0f172a;
    padding: 9px 12px;
    font-weight: 950;
    cursor: pointer;
}
.radio-control.primary {
    background: #16a34a;
    color: #fff;
}
.radio-control.danger {
    background: #dc2626;
    color: #fff;
}
.radio-stations {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
.radio-stations button {
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 11px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
}
.radio-stations strong,
.radio-stations span {
    overflow-wrap: anywhere;
}
.radio-stations span {
    color: #64748b;
    font-size: .72rem;
    font-weight: 850;
}
.radio-stations button:hover {
    border-color: #16a34a;
    background: #f0fdf4;
}
.radio-custom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}
.radio-custom label,
.radio-settings label {
    min-width: 0;
    display: grid;
    gap: 6px;
}
.radio-custom input[type="url"] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 9px 11px;
    font: inherit;
}
.radio-settings {
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 4px;
}
.radio-settings input[type="range"] {
    width: min(340px, 78vw);
    accent-color: #16a34a;
}
.radio-switch {
    display: inline-flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 8px !important;
}
.radio-switch input {
    width: 18px;
    height: 18px;
    accent-color: #16a34a;
}
.radio-mini {
    position: fixed;
    right: 18px;
    bottom: 86px;
    z-index: 90;
    min-width: 176px;
    display: grid;
    gap: 2px;
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 999px;
    background: #0f766e;
    color: #fff;
    box-shadow: 0 16px 38px rgba(15,23,42,.25);
    cursor: pointer;
}
.radio-mini[hidden] {
    display: none !important;
}
.radio-mini span {
    font-size: .68rem;
    font-weight: 950;
    opacity: .78;
}
.radio-mini strong {
    font-size: .86rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media(max-width:900px){.factory-kroki{padding:8px}.kroki-kpis{grid-template-columns:1fr 1fr}.factory-floor{min-height:auto;overflow:visible;padding:10px}.flow-lines{display:none}.klise-archive,.machine-zone{position:relative;inset:auto;width:auto;height:auto;max-height:none}.klise-archive:hover,.klise-archive:focus-within{height:auto}.archive-racks{max-height:300px}.machine-zone{padding:15px 0 0}.machine-map-grid{display:grid;height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}.facility-block,.factory-machine:nth-of-type(n){grid-column:auto;grid-row:auto;min-height:270px}.facility-block{min-height:90px}.kroki-hero{align-items:flex-start}.kroki-live{flex-shrink:0}}@media(max-width:560px){.kroki-hero{display:grid}.kroki-kpis,.machine-map-grid{grid-template-columns:1fr}.factory-machine:nth-of-type(n){min-height:310px}.kroki-legend small{margin-left:0;width:100%}}
@media(max-width:760px){
    .radio-page {
        width: min(100% - 18px, 980px);
        margin-bottom: 70px;
    }
    .radio-player-card {
        gap: 12px;
        padding: 12px;
        border-radius: 14px;
    }
    .radio-now {
        padding: 11px;
    }
    .radio-disc {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
    }
    .radio-main-controls {
        grid-template-columns: 1fr;
    }
    .radio-stations {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .radio-custom {
        grid-template-columns: 1fr;
    }
    .radio-custom .radio-control {
        width: 100%;
    }
    .radio-mini {
        right: 10px;
        bottom: 74px;
        min-width: 150px;
        max-width: calc(100vw - 20px);
    }
}
@media(max-width:430px){
    .radio-header,
    .radio-now,
    .radio-settings {
        align-items: flex-start;
    }
    .radio-stations {
        grid-template-columns: 1fr;
    }
    .radio-header {
        gap: 8px;
    }
}
@media (max-width: 520px) {
    .admin-menu {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .admin-menu .admin-profile-chip {
        grid-column: 1 / -1;
    }
    .panel-chat-box {
        width: calc(100vw - 12px) !important;
        height: min(520px, calc(100dvh - 82px)) !important;
        max-height: min(520px, calc(100dvh - 82px)) !important;
        border-radius: 16px !important;
    }
    .panel-chat-head {
        gap: 8px;
        padding: 10px !important;
    }
    .panel-chat-head > div:first-child {
        min-width: 0;
    }
    .panel-chat-head > div:first-child strong,
    .panel-chat-head > div:first-child span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .panel-chat-tools {
        flex: 0 0 auto;
    }
    .panel-chat-messages {
        padding: 9px !important;
    }
    .panel-chat-message {
        max-width: 96% !important;
    }
    .panel-chat-form {
        padding: 7px !important;
    }
    .panel-chat-composer {
        grid-template-columns: repeat(5, 34px) minmax(34px, 1fr);
        grid-template-rows: 34px auto;
        align-items: center;
        gap: 6px;
    }
    .panel-chat-composer button,
    .panel-chat-composer label {
        width: 34px;
        min-width: 34px;
    }
    .panel-chat-composer textarea {
        grid-column: 1 / 6;
        grid-row: 2;
        min-height: 46px;
        max-height: 92px;
        padding: 12px 14px;
        font-size: 16px;
        line-height: 1.25;
    }
    .panel-chat-composer .panel-chat-send {
        grid-column: 6;
        grid-row: 2;
        width: 44px;
        min-width: 44px;
        height: 44px;
        justify-self: end;
    }
    .panel-chat-emoji-picker {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .task-create-dialog,
    .deformed-create-dialog {
        width: calc(100% - 12px);
        max-height: calc(100dvh - 12px);
        margin: auto;
    }
    .task-create-dialog .workflow-create-panel,
    .task-create-dialog .deformed-create-panel {
        max-height: calc(100dvh - 12px);
        padding: 12px;
        overscroll-behavior: contain;
    }
    .task-create-dialog .task-form { grid-template-columns: minmax(0, 1fr); }
    .task-create-dialog .task-form > * { grid-column: 1 !important; }
    .deformed-create-dialog .deformed-form { grid-template-columns: minmax(0, 1fr); }
    .deformed-create-dialog .deformed-form > * { grid-column: 1 !important; }
    .task-create-dialog .task-form fieldset,
    .deformed-create-dialog .deformed-form fieldset,
    .deformed-create-dialog .form-grid-two {
        grid-template-columns: minmax(0, 1fr);
    }
    .deformed-list-panel {
        width: 100%;
        min-width: 0;
        padding: 10px;
        overflow: hidden;
    }
    .deformed-record-list,
    .deformed-record {
        width: 100%;
        min-width: 0;
    }
    .deformed-record {
        padding: 10px;
    }
    .deformed-record-summary {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 7px 10px;
        align-items: center;
    }
    .deformed-record-summary .status-pill {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }
    .deformed-record-summary .btn {
        grid-column: 2;
        grid-row: 1;
        width: auto;
        min-width: 82px;
    }
    .deformed-record-summary > [data-label] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 90px minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        overflow: visible;
        white-space: normal;
        text-overflow: clip;
        overflow-wrap: anywhere;
    }
    .deformed-record-summary > [data-label]::before {
        content: attr(data-label);
        color: var(--muted);
        font-size: .7rem;
        font-weight: 900;
        line-height: 1.35;
    }
    .deformed-record-summary > strong[data-label] {
        padding-top: 4px;
        border-top: 1px solid var(--line);
        font-size: .92rem;
    }
    .deformed-record-note {
        margin-top: 9px;
        padding: 8px;
        border-radius: 7px;
        background: rgba(15, 23, 42, .045);
        overflow: visible;
        white-space: normal;
        text-overflow: clip;
        overflow-wrap: anywhere;
    }
    .deformed-edit-panel {
        grid-template-columns: minmax(0, 1fr);
    }
    .deformed-edit-panel > *,
    .deformed-note-field,
    .deformed-photo-update-field,
    .deformed-photo-strip {
        grid-column: 1 !important;
        min-width: 0;
    }
    .deformed-record fieldset {
        grid-template-columns: minmax(0, 1fr);
    }
    .deformed-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .deformed-actions .btn {
        width: 100%;
    }
    .ink-request-card,
    .ink-request-pick,
    .color-recommendations article,
    .color-recommendations header {
        min-width: 0;
    }
    .color-recommendations header {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 360px) {
    .admin-menu {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .panel-chat-widget {
        right: 6px;
    }
    .panel-chat-composer {
        grid-template-columns: repeat(5, 32px) minmax(32px, 1fr);
        gap: 4px;
    }
    .panel-chat-composer button,
    .panel-chat-composer label {
        width: 32px;
        min-width: 32px;
    }
}

@media print {
    @page {
        size: A4 landscape;
        margin: 8mm;
    }
    * {
        color: #000 !important;
        text-shadow: none !important;
        box-shadow: none !important;
    }
    body {
        background: #fff !important;
    }
    .prep-print-page {
        width: 100% !important;
        margin: 0 !important;
    }
    .prep-print-title {
        margin-top: 0;
    }
    .prep-print-machine {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .prep-print-machine header,
    .prep-print-table th,
    .prep-print-table tbody tr:nth-child(even) td,
    .ink-overview-machine header {
        background: #f0f0f0 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .ink-overview-page {
        width: 100% !important;
        margin: 0 !important;
    }
    .ink-overview-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        overflow: visible !important;
    }
    .ink-overview-machine,
    .ink-overview-order {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* Alican profesyonel TTS son katman */
.urgent-alien-visitor.entering{animation:alicanPanelIn .65s cubic-bezier(.2,.85,.2,1) both}.urgent-alien-visitor.show.leaving{opacity:0;transform:translate(-50%,-47%) scale(.9);filter:blur(7px);pointer-events:none}.urgent-alien-visitor>.urgent-sound-toggle{right:52px;font-size:.92rem}.alican-assistant{opacity:1;transform:translateY(0) scale(1);transform-origin:85% 100%;transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1),filter .5s ease}.alican-assistant.entering{animation:alicanAssistantIn .6s cubic-bezier(.2,.85,.2,1) both}.alican-assistant.leaving{opacity:0;transform:translateY(12px) scale(.9);filter:blur(6px);pointer-events:none}.alican-avatar-stage{animation:none}.alican-avatar-stage .alican-code-avatar{position:absolute;top:-55px;left:-20px;transform:scale(.7);transform-origin:center;animation:none}
.alican-code-avatar .urgent-alien-head{width:132px;height:150px;background:radial-gradient(circle at 48% 34%,#ffe1c8 0 23%,#e7aa81 58%,#9b5f4c 100%);border-radius:45% 45% 48% 48%/40% 40% 57% 57%;box-shadow:inset -10px -16px 25px #783f3545,0 0 28px #22d3ee88}.alican-code-avatar .urgent-alien-eye{top:61px;width:19px;height:13px;background:radial-gradient(circle at 50% 55%,#020617 0 20%,#0e7490 22% 42%,#f8fafc 45% 100%)}.alican-code-avatar .urgent-alien-mouth{bottom:24px;width:34px;height:8px;background:linear-gradient(#7f1d1d,#3f0d14);border-bottom:2px solid #fda4af}.alican-eyebrow{position:absolute;z-index:5;top:48px;width:24px;height:5px;border-radius:80% 80% 20% 20%;background:#3f251f;transform-origin:center}.alican-eyebrow.left{left:23px;transform:rotate(-5deg)}.alican-eyebrow.right{right:23px;transform:rotate(5deg)}.urgent-alien-nose{position:absolute;z-index:4;left:50%;top:75px;width:12px;height:19px;border-right:3px solid rgba(122,72,56,.42);border-bottom:2px solid rgba(122,72,56,.3);border-radius:45%;transform:translateX(-50%) rotate(5deg)}
.alican-assistant.speaking .urgent-alien-mouth,.urgent-alien-visitor.speaking .urgent-alien-mouth{animation:none;transition:width .09s ease,height .09s ease,border-radius .09s ease,transform .09s ease}.alican-assistant.speaking .alican-eyebrow,.urgent-alien-visitor.speaking .alican-eyebrow{animation:alicanCodeBrow .8s ease-in-out infinite alternate}.alican-assistant.speaking .alican-code-avatar,.urgent-alien-visitor.speaking .alican-code-avatar{animation:alicanCodeGesture 4.6s ease-in-out infinite}.alican-code-avatar .urgent-coder-code,.alican-code-avatar .urgent-coder-laptop b{display:none}[data-viseme="rest"] .urgent-alien-mouth{width:32px;height:6px;border-radius:50%}[data-viseme="M"] .urgent-alien-mouth{width:31px;height:4px}[data-viseme="F"] .urgent-alien-mouth{width:29px;height:7px;transform:translateX(-50%) skewX(-4deg)}[data-viseme="A"] .urgent-alien-mouth{width:28px;height:20px}[data-viseme="O"] .urgent-alien-mouth{width:18px;height:22px}[data-viseme="I"] .urgent-alien-mouth{width:38px;height:10px}[data-viseme="S"] .urgent-alien-mouth{width:35px;height:7px}[data-viseme="N"] .urgent-alien-mouth{width:30px;height:12px}.alican-assistant-actions [data-tts-toggle]{background:#164e63;font-size:.92rem}.urgent-alien-visitor>.alican-code-avatar{margin:auto}
@keyframes alicanCodeBrow{to{translate:0 -4px;rotate:4deg}}@keyframes alicanCodeGesture{0%,100%{translate:0 0;rotate:-.5deg}32%{translate:0 -3px;rotate:.5deg}68%{translate:1px -1px;rotate:-.4deg}}@keyframes alicanAssistantIn{from{opacity:0;transform:translateY(18px) scale(.86);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes alicanPanelIn{from{opacity:0;transform:translate(-50%,-44%) scale(.78);filter:blur(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}@media(max-width:560px){.urgent-alien-visitor.show.leaving{opacity:0!important;transform:translate(-50%,-47%) scale(.9)!important}.alican-avatar-stage .alican-code-avatar{top:-82px;left:-50px;transform:scale(.56)}}