/* ThinkMeld: navy foundations, blue actions, cyan detail, green status. */
:root{
  --paper:#f4f8fc;
  --white:#ffffff;
  --ink:#102b46;
  --muted:#61778d;
  --line:#dce7f1;
  --primary:#086fc7;
  --cyan:#00b8cf;
  --teal:#00796f;
  --success:#16835d;
  --orange:var(--primary);
  --orange-soft:#e8f3ff;
  --green:#0b233f;
}
body{background:radial-gradient(ellipse at top right,#dff5ff80,transparent 45%),var(--paper)}
.sidebar,.topbar{background:#fbfdff}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--primary)}
.workspace-label,.breadcrumb,.sidebar-note,.eyebrow{color:var(--muted)}
.breadcrumb span{color:#a8bfd2}.breadcrumb strong{color:#35536e}
.nav-item{color:#526d86}.nav-item:hover{background:#edf5fc}
.nav-item.active{color:#0867b4;background:linear-gradient(110deg,#e6f1ff,#e5faf5)}
.nav-item.active:hover{background:linear-gradient(110deg,#dbeaff,#d6f5ee)}
.count{background:#e8f1f9;color:#466a89}
.little-art span:first-child{background:#dff1ff;color:#0878d1}
.little-art span:nth-child(2){background:#dcf9f6;color:#007e85}
.little-art span:last-child{background:#e1f7ea;color:#16835d}
.sidebar-bottom p,.page-heading>p,.page-heading>div>p{color:var(--muted)}
.status-dot{background:#12a779}
.page-heading h1 span{color:var(--primary);background:linear-gradient(110deg,#0878d1,#009dba 65%,#16835d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.editor-tabs{background:#eaf1f8}.editor-tab{color:#617b93}
.editor-tab.active{color:#124369;box-shadow:0 1px 5px #0b233f12}
.step-number{background:#dde9f3;color:#5a7690}.active .step-number{background:#dcefff;color:#0764ad}
.section-icon{background:#ecf6ff;border-color:#dcebf8;color:#0878b8}
.section-title p,.optional,.field-hint,.section-counter,.editor-footer p,.small-note,.social-help{color:var(--muted)}
.field{color:#264660}
.field input,.field textarea,.field select,.color-input{background:#fbfdff;border-color:#d8e5f0;color:#183a56}
.field input:hover,.field textarea:hover,.field select:hover{border-color:#94b9d8}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#358fd5;box-shadow:0 0 0 3px #0878d114;background:#fff}
input::placeholder,textarea::placeholder{color:#798ea2}
.field .color-input input:not([type=color]){color:#4a6c89}
.text-button,.open-card-link{color:#0873b7}
.icon-button{color:#5f819d}.icon-button:hover{background:#e8f4ff;color:#0871bb}
.add-link{color:#0876ad;border-color:#a9cde6;background:#fbfdff}.add-link:hover{background:#edf8ff}
.button.primary{background:linear-gradient(115deg,#086fc7,#076daa 60%,#00796f);border-color:#0868aa;box-shadow:0 3px 10px #086fc724}
.button.primary:hover{background:linear-gradient(115deg,#075da8,#065d94 60%,#006b62)}
.button.dark:hover{background:#153d60}
.button.secondary{border-color:#caddea;color:#285777}.button.secondary:hover{background:#eef7ff}
.edit-notice{background:#e7f8f2;color:#206a55}
.preview-card{box-shadow:0 6px 24px #0b426710}.preview-switch{background:#edf4fa;border-color:#dce9f4}
.preview-switch button{color:#607e97}.preview-switch button.active{color:#095e9b;box-shadow:0 1px 4px #0b426712}
.qr-stage{background:radial-gradient(ellipse at center,#e5f5ff80,transparent 75%)}
.qr-corners{border-color:#d6e7f4;box-shadow:0 4px 20px #0878d110}
.tiny-label,.qr-preview-caption p,.preview-bottom{color:var(--muted)}
.preview-bottom{border-color:#e1edf6;background:#f5faff}
.live-label{color:#16835d}

.palette,.pattern-option{border-color:#dce7f1;color:#58748d}
.palette.active,.pattern-option:has(input:checked){border-color:#69acd6;background:#edf8ff;color:#095e9b}
.palette-color{box-shadow:0 0 0 1px #dce7f1}
.thinkmeld{background:linear-gradient(135deg,#0b233f 35%,#0878d1 35% 65%,#00b8cf 65% 82%,#12ba83 82%)}
.pattern-visual{color:#254c6b}
.pattern-option input,.frame-options input,.photo-slider input{accent-color:#0878d1}
.frame-options{color:#59768f}
.contrast-message{color:#1f7357;background:#e9f8f0}.contrast-message.warning{color:#a25528;background:#fff1e6}
.result-card{border-color:#d5e8ef}.result-title>span{background:#e0f8ec;color:#16835d}
.result-title p{color:var(--muted)}.short-link-row{background:#f2f8fd;border-color:#d7e8f3}
.short-link-row input{color:#285e85}
.mini-avatar,.editor-photo-preview,.saved-avatar{background:#e4f3ff;color:#0878d1}
.mini-role,.mini-bio,.mini-placeholder{color:var(--muted)}
.mini-contact,.mini-link{border-color:#dceaf4;color:#3b6786}.mini-link{background:#f3faff}
.photo-field,.logo-field{background:#f7fbff;border-color:#c7dfef}
.editor-logo-preview,.partner-logo{border-color:#dbe8f2}
.photo-field-content>p,.logo-field-content p{color:var(--muted)}
.photo-field-content>.photo-save-hint{color:#0877a9}
.photo-remove{color:#b34f40}.photo-remove:hover{color:#922f26}
.photo-slider{color:#446b88}.photo-slider output{color:#617f97}
.photo-crop-stage{background:#eaf3fa}
.saved-card-qr{background:#f4f9fd;border-color:#e0ecf4}
.saved-card p,.saved-card .saved-date,.library-footnote,.library-toolbar h2 span{color:var(--muted)}
.empty-state{border-color:#bfd8ea}.empty-state>.icon{color:#408eb9}.empty-state p{color:var(--muted)}
.guide-number{color:#709cba}.guide-grid p,.guide-faq p{color:var(--muted)}
.guide-faq details{border-color:#ddeaf4;color:#365c7b}
dialog{border-color:#dce7f1;box-shadow:0 20px 80px #0b233f30}dialog::backdrop{background:#0b233f66}
dialog p{color:var(--muted)}.toast{box-shadow:0 5px 25px #0b233f30}
.profile-page{background:radial-gradient(ellipse at top,#e5f5ff,transparent 65%),var(--paper);--accent:#0878d1}
.public-card{border-color:#dce7f1;box-shadow:0 14px 50px #0b426710}
.profile-avatar{box-shadow:0 3px 14px #0b426714}
.profile-role,.profile-bio,.profile-contact small,.profile-links-heading,.share-profile,.profile-loading p{color:var(--muted)}
.profile-contact{color:#355f80;border-color:#e1edf5}.profile-contact:hover{color:var(--accent)}
.profile-contact .contact-icon{background:#edf7ff;color:#3785b4}.profile-contact>.icon{color:#76a3c2}
.profile-link{color:#285f85;border-color:#d4e7f5;background:#f5faff}.profile-link:hover{border-color:var(--accent);color:var(--accent)}
.profile-loading>.icon{color:#4395bf}.loading-ring{border-color:#dceaf5;border-top-color:#0878d1}
.developer-link{text-decoration:none;color:var(--ink);gap:10px}
.developer-avatar{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#e7f4ff;color:#0867b4}
.developer-avatar .icon{width:21px;height:21px}
.developer-info{display:block;min-width:0}.developer-info strong{display:block;font-size:12px;font-weight:650}
.developer-link .developer-info small{font-size:9px;color:var(--muted);margin:0 0 2px}
.developer-info>span{display:block;font-size:9px;font-weight:400;color:#0873b7;margin-top:2px}
.developer-link>i{margin-left:auto}.developer-link>i .icon{width:14px;height:14px;color:#5b8daf}
.developer-link:hover .developer-info strong{color:#086fc7}
.mobile-developer-footer{display:none}
@media(min-width:641px) and (max-width:1000px){
  .sidebar .developer-link{display:flex;margin-top:auto;justify-content:center;padding-top:18px}
  .developer-link .developer-info,.developer-link>i{display:none}
}
@media(max-width:640px){
  .mobile-developer-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin:30px 20px 0;padding:20px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
  .mobile-developer-footer a{display:inline-flex;align-items:center;gap:5px;color:#0867b4;text-decoration:none;font-weight:600;min-height:32px}
  .mobile-developer-footer .icon{width:15px;height:15px}
}