body{font-size:16px;line-height:1.5}
.brand{padding:0;margin:0 0 18px;letter-spacing:0;line-height:0}
.brand img,.login-logo{display:block;width:100%;height:auto;border-radius:8px}
.login-logo{margin-bottom:20px}
.cols{grid-template-columns:minmax(0,1fr);gap:20px}
.rightcol{grid-template-columns:minmax(0,1fr);gap:20px}
.kanban,.view-kanban .kanban{grid-template-columns:repeat(4,minmax(0,1fr))}
.panel{padding:20px}.panel h2{font-size:22px}
.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.stat{padding:20px 16px;min-height:154px}.stat-head{font-size:16px}.stat strong{font-size:38px;margin-top:12px}.stat small{font-size:14px}
button,input,select{min-height:44px}.nav button{padding:12px 14px}
.searchbox{height:50px}.searchbox input{font-size:16px;width:300px}.round{width:48px;height:48px;flex-shrink:0}
.panel-head input{font-size:16px;padding:12px 16px}.filters select,.filters button{font-size:16px;padding:11px 14px}
table{font-size:16px;min-width:1050px}th,td{padding:16px 12px}td:first-child{min-width:280px}.title-button{overflow-wrap:anywhere}
.short-title,.source,.small,.kan-card a,.mapnote,.foot,.detail-line strong{font-size:14px}
.kan-card{font-size:16px;padding:14px}.kan-col h3{font-size:16px}.kan-card select{display:block;max-width:100%;width:100%;margin-top:10px}
td select{max-width:none;font-size:16px;padding:8px}.map{height:420px}
.hero-title h1{font-size:32px}.hero-title p{font-size:16px}.actions{flex-wrap:wrap}.action{padding:11px 16px}.danger{background:#9b343b;border:1px solid #d87379}
.drop{top:60px;width:320px;max-width:calc(100vw - 32px)}
@media(max-width:1100px){.kanban,.view-kanban .kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.brand{margin-bottom:16px}.nav button{padding:12px 4px}.hero-title h1{font-size:26px}.searchbox input{width:180px}.panel{padding:16px}}
@media(max-width:500px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;padding:12px;display:block}.brand{max-width:180px;margin:0 auto 12px}.nav{display:flex;overflow-x:auto;gap:6px}.nav button{flex:0 0 48px;width:48px}.bottomnav{display:flex;margin-top:10px;padding-top:8px}.bottomnav button{width:auto;flex:1}.bottomnav .navlabel{display:inline}.hero{height:260px}.header{left:12px;right:12px;gap:8px}.searchbox{min-width:0;flex:1;padding:0 10px}.searchbox input{width:100%;min-width:0;font-size:16px}.hero-title{left:16px;right:16px}.hero-title h1{font-size:24px}.hero-title p{font-size:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px 12px}.stat-head{font-size:15px}.stat strong{font-size:34px}.kanban,.view-kanban .kanban{grid-template-columns:minmax(0,1fr)}.filters select,.filters button{font-size:16px;max-width:100%}.panel-head input{width:100%;min-width:0}.map{height:360px}}

/* TEND identity: premium illuminated brand plaque */
.sidebar .brand{position:relative;padding:12px;margin:0 0 20px;border:1px solid rgba(214,154,85,.65);border-radius:14px;background:linear-gradient(145deg,rgba(214,154,85,.18),rgba(5,29,48,.92) 55%,rgba(214,154,85,.08));box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 12px 28px rgba(0,0,0,.25),0 0 22px rgba(214,154,85,.12)}
.sidebar .brand:after{content:'';position:absolute;left:22px;right:22px;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#e9b977,transparent)}
.sidebar .brand img{width:100%;height:auto;object-fit:contain;border-radius:7px;filter:brightness(1.1) contrast(1.06);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.login-logo{border:1px solid rgba(214,154,85,.6);padding:10px;background:linear-gradient(145deg,#102e44,#061b2c);box-shadow:0 8px 25px rgba(0,0,0,.25),0 0 22px rgba(214,154,85,.12)}
@media(max-width:850px){.sidebar .brand{padding:8px;margin-bottom:12px}}